.smallfile-media{margin:clamp(24px,3vw,42px) 0 0;border:1px solid var(--line);background:#020202;overflow:hidden}
.smallfile-media video,.smallfile-media img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#020202;image-rendering:auto}
.smallfile-media figcaption,.smallfile-final figcaption,.smallfile-preview figcaption{padding:8px 0 0;color:var(--grey);font-size:8px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
.smallfile-media--hero{width:100%;max-width:none;height:clamp(220px,26vw,380px);margin-left:0;margin-right:0}
.smallfile-media--hero img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center center}
.smallfile-signal{margin:clamp(16px,2vw,28px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.smallfile-signal div{min-width:0;min-height:88px;padding:12px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.smallfile-signal div:last-child{border-right:0}.smallfile-signal strong{font-size:clamp(21px,2.6vw,40px);letter-spacing:-.045em;line-height:.95;overflow-wrap:anywhere}.smallfile-signal span{color:var(--grey);font-size:8px;line-height:1.3;text-transform:uppercase;letter-spacing:.09em}
.smallfile-narrative{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:clamp(26px,3.7vw,58px);align-items:start}.smallfile-narrative-aside{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr);gap:14px;align-items:stretch;align-content:start}.smallfile-quote{margin:0;padding:16px;border:1px solid var(--line);font-size:clamp(18px,1.7vw,28px);line-height:1.04;letter-spacing:-.025em;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.smallfile-quote small{display:block;margin-top:14px;color:var(--grey);font-size:8px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.smallfile-preview{width:100%;margin:0;display:flex;flex-direction:column}.smallfile-preview video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center center;background:#020202;border:1px solid var(--line)}
.smallfile-phases{margin-top:clamp(20px,2.8vw,38px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.smallfile-phases div{padding:12px 13px;min-height:76px;border-right:1px solid var(--line)}.smallfile-phases div:last-child{border-right:0}.smallfile-phases b{display:block;color:var(--acid);font-size:8px;letter-spacing:.09em;text-transform:uppercase}.smallfile-phases span{display:block;margin-top:18px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.smallfile-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-top:clamp(18px,2.4vw,32px)}.smallfile-pipeline article{min-width:0;padding:13px 14px;min-height:118px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.smallfile-pipeline article:nth-child(3n){border-right:0}.smallfile-pipeline article:nth-last-child(-n+3){border-bottom:0}.smallfile-pipeline b{display:block;color:var(--acid);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.smallfile-pipeline strong{display:block;margin-top:16px;font-size:clamp(15px,1.35vw,21px);line-height:1.04;overflow-wrap:anywhere}.smallfile-pipeline p{margin:7px 0 0;color:var(--grey);font-size:9px;line-height:1.4}
.smallfile-tech-note{position:relative;box-sizing:border-box;width:100%;max-width:none;min-height:clamp(170px,20vh,220px);margin-top:12px;padding:17px calc(68% + 30px) 17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#aaa8a2;font-size:10px;line-height:1.5}.smallfile-tech-note b{display:block;margin:0 0 9px;color:var(--acid);font-size:8px;letter-spacing:.09em;text-transform:uppercase}.smallfile-tech-note::after{content:"";position:absolute;top:12px;right:0;bottom:12px;width:68%;height:auto;margin:0;border:1px solid var(--line);background:#020202 url("../media/low-bandwidth-message/contact-sheet.webp") center/contain no-repeat}
.smallfile-selection{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:clamp(28px,5vw,80px);align-items:start}.smallfile-selection aside{border:1px solid var(--line);padding:16px;background:#090909}.smallfile-selection aside b{display:block;color:var(--acid);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.smallfile-selection aside p{margin:9px 0 0;color:#b7b5ae;line-height:1.45;font-size:14px}.smallfile-selection aside a{display:inline-block;margin-top:13px;color:var(--paper);text-decoration:none;border-bottom:1px solid var(--line)}.smallfile-selection aside a:hover,.smallfile-selection aside a:focus-visible{color:var(--acid)}.smallfile-final{width:min(34%,390px);margin:clamp(18px,2vw,28px) 0 0 auto}.smallfile-final img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#020202;border:1px solid var(--line);image-rendering:auto}.smallfile-final figcaption{text-align:left}

@media(min-width:821px) and (pointer:fine){
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel,body.fullpage-last-low-bandwidth-message .project-section.fullpage-panel{min-height:0!important;overflow:hidden}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel{padding-top:calc(var(--header) + 16px)!important;padding-bottom:14px!important;grid-template-rows:auto auto minmax(0,1fr)!important}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .project-facts{margin:10px 0 8px!important}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-media--hero{margin-top:8px;width:100%;height:min(26vh,270px);align-self:center}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-media--hero img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center center}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-media--hero figcaption{display:none}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-signal{margin-top:8px}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-signal div{min-height:58px;padding:8px 10px}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-signal strong{font-size:clamp(19px,2vw,31px)}
  body.fullpage-last-low-bandwidth-message .project-section.fullpage-panel{padding-top:calc(var(--header) + 14px)!important;padding-bottom:14px!important;align-content:center!important}
  body.fullpage-last-low-bandwidth-message .project-section.fullpage-panel .section-kicker{margin-bottom:10px}
  body.fullpage-last-low-bandwidth-message .project-section.fullpage-panel .prose-large h2{font-size:clamp(32px,4vw,62px);margin-bottom:14px;line-height:.93}
  body.fullpage-last-low-bandwidth-message .project-section.fullpage-panel .prose-large p{font-size:clamp(14px,1.05vw,18px);line-height:1.42}
  body.fullpage-last-low-bandwidth-message .smallfile-narrative{grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:clamp(24px,3vw,48px)}
  body.fullpage-last-low-bandwidth-message .smallfile-narrative-aside{grid-template-columns:minmax(0,1.06fr) minmax(220px,.94fr);gap:12px}
  body.fullpage-last-low-bandwidth-message .smallfile-preview video{max-height:27vh}
  body.fullpage-last-low-bandwidth-message .smallfile-phases{margin-top:18px}
  body.fullpage-last-low-bandwidth-message .smallfile-pipeline{margin-top:16px}
  body.fullpage-last-low-bandwidth-message .smallfile-pipeline article{min-height:100px;padding:10px 12px}
  body.fullpage-last-low-bandwidth-message .smallfile-pipeline strong{margin-top:11px;font-size:clamp(14px,1.15vw,18px)}
  body.fullpage-last-low-bandwidth-message .smallfile-pipeline p{font-size:8px;line-height:1.32}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note{min-height:min(22vh,210px);margin-top:9px;padding:13px calc(68% + 26px) 13px 0;font-size:8.7px;line-height:1.4}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note::after{width:68%;top:8px;bottom:8px}
  body.fullpage-last-low-bandwidth-message .smallfile-final{width:min(28%,320px);margin-top:16px}
}
@media(min-width:821px) and (pointer:fine) and (max-height:760px){
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel h1{font-size:clamp(40px,5.1vw,74px)!important}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .project-intent{font-size:14px!important;line-height:1.32!important}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-media--hero{width:100%;height:min(22vh,210px)}
  body.fullpage-last-low-bandwidth-message .project-hero.fullpage-panel .smallfile-media--hero img{height:100%;max-height:none;object-fit:cover}
  body.fullpage-last-low-bandwidth-message .smallfile-signal div{min-height:48px;padding:6px 9px}
  body.fullpage-last-low-bandwidth-message .smallfile-quote{font-size:17px;padding:11px}
  body.fullpage-last-low-bandwidth-message .smallfile-narrative{grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr)}
  body.fullpage-last-low-bandwidth-message .smallfile-preview video{max-height:22vh}
  body.fullpage-last-low-bandwidth-message .smallfile-phases div{min-height:60px;padding:8px 10px}
  body.fullpage-last-low-bandwidth-message .smallfile-phases span{margin-top:10px;font-size:9px}
  body.fullpage-last-low-bandwidth-message .smallfile-pipeline article{min-height:82px;padding:8px 10px}
  body.fullpage-last-low-bandwidth-message .smallfile-pipeline strong{margin-top:8px;font-size:14px}
  body.fullpage-last-low-bandwidth-message .smallfile-pipeline p{font-size:7.5px}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note{min-height:128px;padding-right:calc(63% + 22px);font-size:8px}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note::after{width:63%;top:7px;bottom:7px}
  body.fullpage-last-low-bandwidth-message .smallfile-selection aside p{font-size:12px}
  body.fullpage-last-low-bandwidth-message .smallfile-final{width:min(24%,260px);margin-top:10px}
}
@media(max-width:900px){
  .smallfile-media--hero{width:100%;max-width:none;height:clamp(190px,34vw,300px);margin-left:0;margin-right:0}.smallfile-media--hero img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center}.smallfile-signal{grid-template-columns:1fr 1fr}.smallfile-signal div:nth-child(2){border-right:0}.smallfile-signal div:nth-child(n+3){border-top:1px solid var(--line)}.smallfile-narrative,.smallfile-selection{grid-template-columns:1fr}.smallfile-narrative-aside{grid-template-columns:minmax(0,1fr) minmax(240px,.82fr);gap:14px;margin-top:20px}.smallfile-preview{width:100%;margin:0}.smallfile-pipeline{grid-template-columns:1fr 1fr}.smallfile-pipeline article{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.smallfile-pipeline article:nth-child(3n){border-right:1px solid var(--line)}.smallfile-pipeline article:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.smallfile-pipeline article:nth-child(2n){border-right:0}.smallfile-pipeline article:nth-last-child(-n+2){border-bottom:0}.smallfile-phases{grid-template-columns:1fr 1fr}.smallfile-phases div:nth-child(2){border-right:0}.smallfile-phases div:nth-child(n+3){border-top:1px solid var(--line)}.smallfile-tech-note{min-height:0;padding:13px 0 0;border-bottom:0;font-size:10px;line-height:1.5}.smallfile-tech-note::after{position:static;display:block;width:100%;height:auto;aspect-ratio:1320/540;margin-top:14px}.smallfile-final{width:min(100%,420px);margin:22px 0 0}}
@media(max-width:620px){.smallfile-media--hero{margin-top:20px;height:clamp(165px,48vw,235px)}.smallfile-media--hero img{height:100%;object-fit:cover}.smallfile-signal,.smallfile-phases,.smallfile-pipeline{grid-template-columns:1fr}.smallfile-signal div,.smallfile-phases div,.smallfile-pipeline article{border-right:0!important;border-top:1px solid var(--line);border-bottom:0!important;min-height:auto}.smallfile-signal div:first-child,.smallfile-phases div:first-child,.smallfile-pipeline article:first-child{border-top:0}.smallfile-narrative-aside{grid-template-columns:1fr;margin-top:18px}.smallfile-quote{font-size:20px}.smallfile-preview{width:100%;max-width:none}.smallfile-pipeline strong{margin-top:14px}.smallfile-final{width:100%;max-width:none;margin-top:20px}.smallfile-tech-note::after{margin-top:16px}}
/* release-audit-sync */

/* 2026-08-16 media composition refinement */
.smallfile-narrative-aside{position:relative;display:block;min-height:clamp(270px,27vw,410px)}
.smallfile-narrative-aside .smallfile-preview{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;border:1px solid var(--line);background:#020202}
.smallfile-narrative-aside .smallfile-preview video{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center center;border:0}
.smallfile-narrative-aside .smallfile-preview figcaption{position:absolute;left:12px;right:12px;bottom:10px;z-index:3;width:max-content;max-width:calc(100% - 24px);padding:6px 8px;background:rgba(0,0,0,.72);color:var(--grey)}
.smallfile-narrative-aside .smallfile-quote{position:absolute;z-index:4;top:14px;left:14px;width:min(64%,390px);min-height:0;margin:0;padding:16px 17px;border:1px solid rgba(255,255,255,.2);background:rgba(3,3,3,.76);font-size:clamp(20px,2vw,34px);box-sizing:border-box}
.smallfile-tech-note{min-height:clamp(180px,22vh,250px);padding-right:calc(70% + 28px)}
.smallfile-tech-note::after{top:8px;right:0;bottom:8px;width:70%;background-size:cover;background-position:center center}
@media(min-width:821px) and (pointer:fine){
  body.fullpage-last-low-bandwidth-message .smallfile-narrative{grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);gap:clamp(24px,3vw,48px)}
  body.fullpage-last-low-bandwidth-message .smallfile-narrative-aside{min-height:clamp(250px,29vh,360px)}
  body.fullpage-last-low-bandwidth-message .smallfile-preview video{max-height:none}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note{min-height:min(21vh,215px);padding-right:calc(70% + 24px)}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note::after{width:70%;top:7px;bottom:7px}
}
@media(min-width:821px) and (pointer:fine) and (max-height:760px){
  body.fullpage-last-low-bandwidth-message .smallfile-narrative{grid-template-columns:minmax(0,1fr) minmax(450px,1fr)}
  body.fullpage-last-low-bandwidth-message .smallfile-narrative-aside{min-height:225px}
  body.fullpage-last-low-bandwidth-message .smallfile-narrative-aside .smallfile-quote{width:min(62%,320px);font-size:17px;padding:12px 13px}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note{min-height:128px;padding-right:calc(66% + 20px)}
  body.fullpage-last-low-bandwidth-message .smallfile-tech-note::after{width:66%;background-size:cover}
}
@media(max-width:900px){
  .smallfile-narrative-aside{min-height:clamp(300px,57vw,470px);margin-top:20px}
  .smallfile-narrative-aside .smallfile-quote{width:min(70%,390px);top:14px;left:14px}
  .smallfile-tech-note{min-height:0;padding:13px 0 0}
  .smallfile-tech-note::after{position:static;width:100%;height:auto;aspect-ratio:1320/540;margin-top:16px;background-size:cover}
}
@media(max-width:620px){
  .smallfile-narrative-aside{min-height:clamp(240px,72vw,340px);margin-top:18px}
  .smallfile-narrative-aside .smallfile-quote{top:10px;left:10px;width:calc(100% - 20px);max-width:390px;padding:12px 13px;font-size:clamp(18px,6vw,25px)}
  .smallfile-narrative-aside .smallfile-preview figcaption{left:10px;right:10px;bottom:8px;max-width:calc(100% - 20px);font-size:7px}
  .smallfile-tech-note::after{margin-top:14px;background-size:cover}
}

/* 2026-08-16 centered quote refinement */
.smallfile-narrative-aside .smallfile-quote{top:50%;left:50%;transform:translate(-50%,-50%);width:min(72%,430px);max-width:calc(100% - 32px);text-align:center;align-items:center}
.smallfile-narrative-aside .smallfile-quote small{text-align:center}
@media(min-width:821px) and (pointer:fine) and (max-height:760px){body.fullpage-last-low-bandwidth-message .smallfile-narrative-aside .smallfile-quote{top:50%;left:50%;transform:translate(-50%,-50%);width:min(68%,350px);max-width:calc(100% - 28px);text-align:center}}
@media(max-width:900px){.smallfile-narrative-aside .smallfile-quote{top:50%;left:50%;transform:translate(-50%,-50%);width:min(76%,430px);max-width:calc(100% - 28px);text-align:center}}
@media(max-width:620px){.smallfile-narrative-aside .smallfile-quote{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 28px);max-width:390px;text-align:center}}