/* FIELD NOTES v1 — authored notebook, isolated from existing public layout */
.field-notes-page{background:#f1ede4;color:#111}
.field-notes-page .topbar{position:relative}
.fn-preview-flag{position:sticky;top:0;z-index:80;padding:7px 3.2vw;background:#d84a2f;color:#fff;font:700 8px/1 var(--mono);letter-spacing:.14em}
.fn-index,.fn-detail{width:min(100%,1600px);margin:0 auto;padding:clamp(52px,7vw,110px) 3.2vw 9vw}
.fn-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4vw;align-items:end;padding-bottom:clamp(40px,6vw,88px);border-bottom:1px solid #b9b4aa}
.fn-page-head>div>span,.fn-note-code,.fn-index-meta,.fn-note-meta,.fn-index-entry small,.fn-index-entry b,.fn-note-footer{font:700 9px/1.35 var(--mono);letter-spacing:.13em}
.fn-page-head>div>span,.fn-note-code{color:var(--signal)}
.fn-page-head h1{margin:18px 0 0;font:700 clamp(74px,13vw,210px)/.72 var(--sans);letter-spacing:-.085em}
.fn-page-head>p{max-width:34ch;margin:0 0 4px;color:#666;font:600 8px/1.5 var(--mono);letter-spacing:.1em}
.fn-index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,6vw,100px)}
.fn-index-entry{border-bottom:1px solid #b9b4aa;padding:clamp(44px,6vw,90px) 0}
.fn-index-entry a{display:block;color:inherit;text-decoration:none}
.fn-index-entry figure{margin:0 0 24px;overflow:hidden;background:#ddd8cf}
.fn-index-entry figure img,.fn-index-entry figure video{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}
.fn-index-meta{display:flex;justify-content:space-between;gap:18px;color:#777}
.fn-index-entry h2{margin:17px 0 10px;font:600 clamp(28px,4vw,64px)/.95 var(--sans);letter-spacing:-.045em}
.fn-index-entry p{max-width:46ch;margin:0 0 18px;font:500 clamp(14px,1.25vw,19px)/1.5 var(--sans)}
.fn-index-entry small{display:block;margin:0 0 24px;color:#777}
.fn-index-entry b{display:inline-block;border-bottom:1px solid var(--signal);padding-bottom:5px}
.fn-detail{max-width:1500px}
.fn-note-head{max-width:980px;padding:0 0 clamp(38px,4.8vw,68px)}
.fn-note-head h1{max-width:16ch;margin:18px 0 16px;font:650 clamp(40px,5vw,82px)/.92 var(--sans);letter-spacing:-.045em}
.fn-note-meta{display:flex;gap:18px;color:#5f5b55;text-transform:uppercase;font-size:10px}
.fn-note-head>p{max-width:54ch;margin:26px 0 0;font:500 clamp(16px,1.45vw,23px)/1.45 var(--sans)}
.fn-sequence{display:flex;flex-direction:column;gap:clamp(44px,5.8vw,88px)}
.fn-block{margin:0}
.fn-photo img,.fn-gallery img{display:block;width:100%;max-width:100%;height:auto;max-height:92svh;object-fit:contain}.fn-video video{display:block;max-width:100%;height:auto;max-height:92svh;object-fit:contain}
.fn-photo.fn-width-standard{width:min(100%,1040px)}
.fn-photo.fn-width-wide{width:min(100%,1240px)}
.fn-photo.fn-width-small{width:min(68%,720px)}
.fn-block figcaption{margin-top:11px;color:#777;font:600 8px/1.5 var(--mono);letter-spacing:.08em}
.fn-video{width:min(100%,1180px)}
.fn-video video{width:auto;max-width:100%;background:#050505}
.fn-gallery{display:grid;gap:clamp(26px,4vw,64px)}
.fn-gallery-sequence{grid-template-columns:1fr}
.fn-gallery-paired{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.fn-gallery figure{margin:0}
.fn-text{width:min(100%,760px);font:500 clamp(19px,2.1vw,34px)/1.45 var(--sans);letter-spacing:-.02em}
.fn-small-note{width:min(100%,560px);font:600 10px/1.7 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.fn-link{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font:600 10px/1.5 var(--mono);letter-spacing:.08em}
.fn-link a{color:#111;text-decoration:none;border-bottom:1px solid var(--signal);padding-bottom:5px}
.fn-link span{color:#777}
.fn-note-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin-top:clamp(52px,5.5vw,88px);padding-top:20px;border-top:1px solid #b9b4aa}
.fn-note-footer a{color:#111;text-decoration:none}
.fn-note-footer a:last-child{text-align:right}
@media(max-width:800px){
 .fn-index,.fn-detail{padding:48px 18px 90px}
 .fn-page-head{grid-template-columns:1fr;gap:26px}
 .fn-page-head h1{font-size:21vw}
 .fn-index-list{grid-template-columns:1fr}
 .fn-index-entry{padding:48px 0}
 .fn-index-entry figure img,.fn-index-entry figure video{max-height:76svh}
 .fn-note-head{padding-bottom:44px}
 .fn-note-head h1{font-size:11vw;line-height:.95}
 .fn-sequence{gap:46px}
 .fn-photo.fn-width-small{width:88%}
 .fn-gallery-paired{grid-template-columns:1fr}
 .fn-photo img,.fn-video video,.fn-gallery img{max-height:82svh}
 .fn-note-footer{grid-template-columns:1fr 1fr;row-gap:26px}
 .fn-note-footer a:nth-child(2){grid-column:1/-1;grid-row:1;text-align:center}
}

/* Public Field Notes may intentionally be empty; silence is a valid state. */
.fn-index-empty{min-height:46svh;display:flex;align-items:flex-end;padding:8vh 0 2vh;border-top:1px solid rgba(16,16,16,.18)}
.fn-index-empty span{font:700 8px/1.4 var(--mono,monospace);letter-spacing:.14em;color:#77716a}
@media(max-width:800px){.fn-index-empty{min-height:38svh;padding-top:6vh}}


/* Field Notes media fullscreen */
.fn-fullscreen-source{cursor:zoom-in}
.fn-fullscreen-source:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.fn-media-viewer-open{overflow:hidden}
.fn-media-viewer{
  position:fixed;inset:0;z-index:30000;display:none;background:#090909;color:#f3efe5;
}
.fn-media-viewer.open{display:grid;grid-template-columns:minmax(52px,8vw) 1fr minmax(52px,8vw);align-items:stretch}
.fn-media-viewer-stage{
  min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;
  padding:clamp(42px,5vw,72px) 0 clamp(18px,2vw,28px);
}
.fn-media-viewer-stage img{display:block;max-width:100%;max-height:calc(100svh - 110px);width:auto;height:auto;object-fit:contain}
.fn-media-viewer button{
  border:0;background:transparent;color:inherit;font:700 9px/1 var(--mono);letter-spacing:.12em;cursor:pointer;
}
.fn-media-viewer button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.fn-media-viewer-close{position:absolute;top:20px;right:20px;z-index:2;padding:10px}
.fn-media-viewer-prev,.fn-media-viewer-next{display:flex;align-items:center;justify-content:center;font-size:18px!important}
.fn-media-viewer-prev[hidden],.fn-media-viewer-next[hidden]{display:none!important}
.fn-media-viewer-meta{
  width:100%;display:flex;justify-content:space-between;gap:20px;padding-top:14px;
  color:#aaa39a;font:600 8px/1.45 var(--mono);letter-spacing:.09em;text-transform:uppercase;
}
.fn-media-viewer-caption{max-width:70ch;text-align:right}
.fn-video-fullscreen{
  display:block;margin:12px 0 0;padding:0 0 5px;border:0;border-bottom:1px solid var(--signal);
  background:transparent;color:#111;font:700 8px/1.4 var(--mono);letter-spacing:.12em;cursor:pointer;
}
.fn-video-fullscreen:focus-visible{outline:1px solid #111;outline-offset:5px}
@media(max-width:800px){
 .fn-media-viewer.open{grid-template-columns:46px 1fr 46px}
 .fn-media-viewer-stage{padding:52px 0 16px}
 .fn-media-viewer-stage img{max-height:calc(100svh - 118px)}
 .fn-media-viewer-close{top:12px;right:12px}
 .fn-media-viewer-meta{padding-top:10px}
 .fn-media-viewer-caption{max-width:55vw}
}