.field-notes-heading{padding:40px var(--pad) 0}.field-notes-heading .page-title{font-size:clamp(64px,12vw,190px)}
.field-notes-sequence{isolation:isolate;position:relative;background:#080a0a}
.field-note{position:sticky;top:0;height:100svh;min-height:440px;margin:0;background:#080a0a;overflow:hidden;isolation:isolate}
.field-note:last-child{position:relative}.field-note+.field-note{border-top:3px solid var(--blue)}
.field-note__media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:58px var(--pad) 48px;background:#080a0a}
.field-note__top{position:absolute;z-index:1;top:22px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;font:400 11px/1.5 var(--bleu-label-font);letter-spacing:.04em;text-transform:uppercase}
.field-note figcaption{position:absolute;bottom:19px;left:var(--pad);max-width:calc(100% - 100px);font:400 11px/1.5 var(--bleu-body-font);letter-spacing:0;color:#fff9}
.note-motion-toggle{position:absolute;bottom:8px;right:var(--pad);display:grid;place-items:center;width:40px;height:40px;padding:10px;background:none;border:0;border-radius:0;color:white;cursor:pointer}.note-motion-toggle svg{width:17px;height:17px}
body:has(.field-notes-main) .scroll-edge{display:none}
@media(max-width:700px){.field-notes-heading{padding-top:18px}.field-notes-heading .page-title{font-size:14vw}.field-note__media{padding:52px 0 48px}}
@media(prefers-reduced-motion:reduce){.field-note{position:relative}}
/* Full-bleed frames throughout the field journal. */
.field-note__media{padding:0;object-fit:cover;object-position:var(--note-position,50% 45%)}
.field-note:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0005,transparent 18%,transparent 80%,#0006)}
.field-note figcaption,.note-motion-toggle{z-index:1}
@media(max-width:700px){.field-note__media{padding:0;object-position:var(--note-mobile-position,50% 50%)}}
/* Square frames with only a narrow black identification strip. */
.field-notes-sequence{width:min(100%,calc(100svh - 56px));margin:0 auto;background:var(--blue)}
.field-note{height:auto;min-height:0;aspect-ratio:auto;padding-top:42px;background:#080a0a;overflow:hidden}
.field-note__media{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;padding:0;object-position:var(--note-position,50% 45%)}
.field-note__top{top:0;left:18px;right:18px;height:42px;align-items:center;font-size:11px}
.field-note:after{inset:auto 0 0;height:55px;background:linear-gradient(transparent,#0005)}
.field-note figcaption{bottom:13px;left:18px;font-size:10px;max-width:calc(100% - 80px);color:#fffc}
.note-motion-toggle{bottom:2px;right:10px}
.field-note+.field-note{border-top:3px solid var(--blue)}
@media(max-width:700px){.field-notes-sequence{width:100%}.field-note__media{object-position:var(--note-mobile-position,50% 50%)}}
@media(min-width:761px){.field-notes-sequence{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.field-note,.field-note:last-child{position:relative;top:auto;border:0}.field-note+.field-note{border:0}}

.field-note video::-webkit-media-controls,.field-note video::-webkit-media-controls-start-playback-button{display:none!important}.field-note video{pointer-events:none}

/* Photographed tape shares the header centerline with the sequence counter. */
.field-note__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.field-note__top>span:last-child{margin-left:auto;white-space:nowrap}
.field-note__physical-tape{display:block;flex:0 1 180px;width:180px;max-width:calc(100% - 70px);height:auto;aspect-ratio:2155/320;align-self:center;opacity:1}
@media(max-width:400px){.field-note__top{left:12px;right:12px;font-size:10px}}

/* Longer photographed location tape retains its own proportions. */
.field-note__physical-tape--long{flex-basis:280px;width:280px;aspect-ratio:2095/190}

.field-note__physical-tape--scanned{flex-basis:var(--tape-width);width:var(--tape-width);aspect-ratio:var(--tape-ratio)}