/* Fotobogen: one editorial system for the application and the HTML archive. */
:root:root {
  --paper:#f7f5ee; --card:#f7f5ee; --sheet:#f7f5ee; --ink:#211b18;
  --muted:#625e53; --rule:#bcb9ae; --accent:#656342; --olive:#656342;
  --teal:#656342; --gold:#656342; --serif:"Times New Roman",Times,serif;
  --sans:Arial,Helvetica,sans-serif; color-scheme:light;
}
body.fb-site { background:var(--paper); color:var(--ink); font:20px/1.55 var(--serif); -webkit-font-smoothing:antialiased; }
body.fb-site main { width:min(1600px,90%); margin-inline:auto; padding:0 0 64px; }
body.fb-site h1, body.fb-site h2, body.fb-site h3 { font-family:var(--serif); font-weight:400; letter-spacing:-.035em; line-height:1.06; }
body.fb-site h1 { max-width:1100px; font-size:clamp(3.5rem,5.3vw,5.5rem); }
body.fb-site h2 { font-size:clamp(2rem,3.2vw,3.5rem); }
body.fb-site h3 { font-size:1.8rem; }
body.fb-site a { text-underline-offset:.2em; }
body.fb-site a:hover { color:var(--olive); }
body.fb-site :is(a,button,input,select,summary):focus-visible { outline:2px solid var(--olive); outline-offset:5px; }
body.fb-site :is(button,input,select) { font-family:var(--sans); }
body.fb-site .eyebrow { color:var(--muted); font:11px/1.4 var(--sans); letter-spacing:.13em; }
body.fb-site [hidden] { display:none!important; }
body.fb-site .fb-header { display:flex; position:relative; align-items:center; justify-content:space-between; gap:28px; width:100%; min-height:85px; padding:0; margin:0 auto; border-bottom:1px solid var(--rule); }
body.fb-site .fb-brand { flex-shrink:0; font:40px/1 var(--serif); letter-spacing:-1.6px; text-decoration:none; color:var(--ink); }
body.fb-site .fb-header nav { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px 23px; max-width:none; margin:0; padding:0; font:13px/1.4 var(--sans); }
body.fb-site .fb-header nav a { color:var(--ink); padding:12px 0; text-decoration:none; white-space:nowrap; font:inherit; }
body.fb-site .fb-header nav a:hover, body.fb-site .fb-header nav a[aria-current] { text-decoration:underline; text-decoration-color:var(--olive); text-underline-offset:8px; }
.fb-menu-button { display:none; }
.fb-skip { position:absolute; top:-100px; left:5%; z-index:99; padding:12px; background:var(--paper); }
.fb-skip:focus { top:12px; }
body.fb-site .fb-subnav { display:flex; flex-wrap:wrap; gap:12px 25px; padding:18px 0; border-bottom:1px solid var(--rule); font:13px var(--sans); }
body.fb-site .fb-subnav a[aria-current] { text-decoration:underline; }
body.fb-site :is(.library-intro,.podcast-intro) { max-width:100%; padding:64px 0 55px; }
body.fb-site .podcast-intro > p { max-width:720px; font-size:24px; margin-top:24px; }
body.fb-site .podcast-intro > .eyebrow { font:11px/1.4 var(--sans); margin-top:0; }
body.fb-site :is(.section-heading,.podcast-choice-section-heading) h2 { margin-top:12px; }
body.fb-site :is(.tracks,.collection,.works-browser,.additional-inspiration,.new-books,.library-list) { border-color:var(--rule); padding-block:40px 60px; }
body.fb-site .intro { margin:60px 0 40px; }
body.fb-site .name-index { font-family:var(--serif); }
body.fb-site .name-index a { font-size:21px; min-height:65px; }
body.fb-site :is(.work-card,.podcast-choice) { background:transparent; border:0; box-shadow:none; }
body.fb-site .work-copy { padding:18px 0 26px; min-height:230px; border-bottom:1px solid var(--rule); }
body.fb-site .work-photographer { font:26px/1.15 var(--serif); }
body.fb-site .work-image { background:transparent; }
body.fb-site .work-image img { object-fit:contain; }
body.fb-site :is(.topic-filters button,.work-tags li,.video-tags li) { border-radius:0; border-color:transparent; border-bottom-color:var(--rule); }
body.fb-site .topic-filters button[aria-pressed=true] { background:transparent; color:var(--ink); border-bottom:2px solid var(--olive); }
body.fb-site :is(.index-search input,.archive-controls input,.archive-controls select) { background:transparent; border-width:0 0 1px; padding-left:0; }
body.fb-site .podcast-choice-grid { gap:0 64px; }
body.fb-site .podcast-choice { padding:30px 0; min-height:300px; border-top:1px solid var(--rule); transition:none; }
body.fb-site .podcast-choice:hover { transform:none; }
body.fb-site .podcast-choice h3 { font-size:clamp(2rem,3vw,3rem); }
body.fb-site :is(.summary-number,.podcast-summary strong) { font-family:var(--serif); font-weight:400; }
body.fb-site :is(.podcast-summary,.episode-list,.member-note,.archive) { border-color:var(--rule); }
body.fb-site .episode { padding:22px 0; }
body.fb-site .episode a { font:23px/1.15 var(--serif); }
body.fb-site .episode-copy p { font:18px/1.45 var(--serif); }
body.fb-site :is(.section-entry,.book-entry,.more-button) { padding:8px 0; background:transparent; color:var(--ink); border-width:0 0 1px; font:20px var(--serif); }
body.fb-site footer, body.fb-site .footer { font:12px/1.5 var(--sans); color:var(--muted); border-color:var(--rule); }

/* The approved opening spread. The original collection and works stay below it. */
.fb-home-hero { display:grid; grid-template-columns:25.8% minmax(0,1fr); gap:24px; padding-top:24px; }
.fb-home-copy { padding-top:45px; }
body.fb-site .fb-home-copy h1 { font-size:80px; line-height:.92; margin:0 0 27px; }
.fb-home-copy p { font-size:25px; line-height:1.23; max-width:330px; margin:0; }
.fb-leaf { display:block; width:228px; height:244px; object-fit:cover; margin-top:36px; }
.fb-leaf-link { display:block; width:228px; margin-top:36px; }
.fb-leaf-link .fb-leaf { margin-top:0; width:100%; }
.fb-own-leaf { height:auto; object-position:initial; }
.fb-home-photo { margin:0; }
.fb-home-photo > img { display:block; width:100%; height:auto; }
.fb-home-photo figcaption { display:flex; justify-content:space-between; gap:20px; padding-top:9px; font:12px/1.4 var(--sans); color:var(--muted); }
.fb-home-photo figcaption a,.fb-opening-image figcaption a { color:inherit; text-decoration:underline; text-decoration-color:var(--rule); }
.fb-home-footnotes { display:grid; grid-template-columns:1fr 1fr; gap:5%; margin-top:42px; padding:42px 0 35px; border-top:1px solid var(--rule); }
.fb-book-footnote { display:grid; grid-template-columns:40% 60%; align-items:center; }
body.fb-site .fb-home-footnotes h2 { font-size:25px; margin:0; }
.fb-home-footnotes p { font-size:18px; line-height:1.35; margin:0; }
.fb-small-rule { display:block; width:27px; border-top:1px solid var(--muted); margin:20px 0; }
.fb-small-books { display:flex; gap:20px; align-items:center; }
.fb-small-books a { width:45%; }
.fb-small-books img { width:100%; height:180px; object-fit:contain; mix-blend-mode:multiply; }
.fb-podcast-footnote { display:grid; grid-template-columns:45% 55%; align-items:center; border-left:1px solid var(--rule); padding-left:45px; }
.fb-podcast-links a { display:flex; gap:22px; align-items:center; padding:18px 0; border-bottom:1px solid var(--rule); font-size:23px; }
.fb-wave { width:28px; height:28px; fill:none; stroke:var(--olive); stroke-width:2; }

/* Static book profiles: an unboxed cover and a quiet reading column. */
body.fb-book main { width:100%; }
body.fb-book > .fb-header, body.fb-book .shell { width:min(1600px,90%); }
body.fb-book .book-hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:0; gap:6%; background:transparent; border:0; padding:55px 0 60px; }
body.fb-book .book-object { min-height:0; height:570px; padding:0 5%; background:transparent; }
body.fb-book .book-object img { max-height:570px; object-fit:contain; filter:none; }
body.fb-book .book-head { padding:16px 0; }
body.fb-book .book-title { font-size:clamp(3rem,4.8vw,5rem); line-height:1.02; letter-spacing:-.035em; word-spacing:normal; hyphens:none; }
body.fb-book .book-byline { max-width:560px; font-size:24px; line-height:1.35; font-style:normal; margin:12px 0 30px; }
body.fb-book .kicker { font:11px var(--sans); font-weight:400; }
body.fb-book .fact strong { font:18px/1.4 var(--serif); }
body.fb-book .fact span { color:var(--muted); font-weight:400; }
body.fb-book .content { width:min(780px,90%); padding:55px 0; }
body.fb-book .content h2 { margin-top:60px; }
body.fb-book .content h2 br { display:initial; }
body.fb-book .lead { font-size:26px; }
body.fb-book .pullquote { border-left:0; border-block:1px solid var(--rule); padding:28px 0; margin:40px 0; font-size:28px; }
body.fb-book .spread-band { background:#eae7dc; color:var(--ink); padding:52px 0; }
body.fb-book .spread-band .shell { width:min(1100px,90%); }
body.fb-book .spread-band p, body.fb-book .spread-band figcaption { color:var(--muted); }
body.fb-book :is(.spread img,.sequence-grid img) { box-shadow:none; background:transparent; }
body.fb-book .reading-step { padding:20px 0; background:transparent; border-top:1px solid var(--rule); }
body.fb-book .reading-step strong { font:23px/1.2 var(--serif); }
body.fb-book .collection-grid { background:transparent; border-width:1px 0; gap:25px; }
body.fb-book .collection-item { padding:22px 0; background:transparent; }
body.fb-book .collection-item strong { font:23px var(--serif); }
body.fb-book .local-box { background:transparent; border:1px solid var(--rule); }
body.fb-book .video-hero { display:block; }

/* Photographer articles and the surviving thematic notes. */
body.fb-article main > h1 { margin:54px 0 24px; }
body.fb-article main > :is(p,ul,ol,h2,h3,dl,table,.profile,.profile-facts,.exercise,.rights) { max-width:780px; margin-left:26%; }
body.fb-article main > h1 + p { margin-left:0; font-size:25px; }
body.fb-article main > h2 { margin-top:64px; padding-top:24px; border-top:1px solid var(--rule); }
body.fb-article .hero { background:transparent; box-shadow:none; margin:40px 0 60px; }
body.fb-article .hero img { max-height:680px; object-fit:contain; }
body.fb-article .hero figcaption { background:transparent; padding:14px 0; color:var(--muted); }
body.fb-article :is(.representative-gallery,.work-analysis) { gap:32px; }
body.fb-article :is(.representative-gallery,.work-analysis) figure { background:transparent; border:0; box-shadow:none; }
body.fb-article :is(.representative-gallery,.work-analysis) img { object-fit:contain; background:transparent; }
body.fb-article :is(.representative-gallery,.work-analysis) figcaption { padding:14px 0 22px; border-bottom:1px solid var(--rule); }
body.fb-article :is(.exercise,.profile,.quote,.rights) { background:transparent; box-shadow:none; border-color:var(--rule); }
body.fb-article .profile-fact dt { font:11px var(--sans); color:var(--muted); }
body.fb-article .profile-fact dd { font:20px/1.45 var(--serif); }
body.fb-article table { font-family:var(--serif); }
body.fb-article table th { font:12px var(--sans); }
body.fb-handbook .hero { box-shadow:none; background:transparent; padding-top:50px; }
body.fb-handbook .hero h1 { font-size:clamp(3.5rem,6vw,6rem); }
body.fb-handbook :is(.section,.panel,.card,.score-card) { background:transparent; border-color:var(--rule); box-shadow:none; }

@media(max-width:1200px) {
  body.fb-site .fb-header { min-height:80px; }
  body.fb-site .fb-brand { font-size:34px; }
  body.fb-site .fb-header nav { gap:6px 16px; font-size:12px; }
  body.fb-site .fb-home-copy h1 { font-size:clamp(56px,6vw,65px); }
  .fb-home-copy { padding-top:20px; }
  .fb-home-copy p { font-size:22px; }
  .fb-leaf { width:80%; height:190px; margin-top:25px; }
  .fb-leaf-link { width:80%; margin-top:25px; }
  .fb-leaf-link .fb-leaf { width:100%; margin-top:0; }
  .fb-own-leaf { height:auto; }
  body.fb-book .book-object { height:470px; }
}
@media(max-width:1080px) {
  body.fb-site .fb-header { flex-wrap:wrap; gap:0 18px; padding-block:20px; }
  body.fb-site .fb-menu-button { display:flex; align-items:center; gap:12px; background:none; color:var(--ink); border:0; padding:9px 0 9px 12px; font:14px var(--sans); cursor:pointer; }
  .fb-menu-button span { font-size:23px; }
  .fb-navigation { flex-basis:100%; }
  body.fb-site .fb-header[data-enhanced] .fb-navigation { display:none; }
  body.fb-site .fb-header[data-enhanced] .fb-navigation[data-open=true] { display:block; }
  body.fb-site .fb-header nav { justify-content:flex-start; gap:4px 25px; padding-top:18px; font-size:14px; }
  .fb-home-footnotes { grid-template-columns:1fr; gap:28px; }
  .fb-podcast-footnote { border-left:0; border-top:1px solid var(--rule); padding:28px 0 0; grid-template-columns:40% 60%; }
  body.fb-article main > :is(p,ul,ol,h2,h3,dl,table,.profile,.profile-facts,.exercise,.rights) { margin-left:12%; }
}
@media(max-width:760px) {
  body.fb-site main, body.fb-book > .fb-header, body.fb-book .shell { width:calc(100% - 40px); }
  body.fb-site h1 { font-size:56px; overflow-wrap:anywhere; }
  body.fb-site h2 { font-size:36px; }
  body.fb-site .fb-brand { font-size:31px; }
  body.fb-site :is(.library-intro,.podcast-intro) { padding:40px 0; }
  body.fb-site .podcast-intro > p { font-size:22px; }
  body.fb-site .podcast-intro > .eyebrow { font-size:11px; }
  .fb-home-hero { grid-template-columns:1fr; gap:28px; padding-top:24px; }
  .fb-home-copy { display:grid; grid-template-columns:1fr 90px; gap:18px; padding:0; }
  body.fb-site .fb-home-copy h1 { grid-column:1; font-size:61px; margin:0; }
  .fb-home-copy p { grid-column:1/-1; grid-row:2; font-size:22px; }
  .fb-leaf { grid-column:2; grid-row:1; width:90px; height:122px; margin:0; }
  .fb-leaf-link { grid-column:2; grid-row:1; width:90px; margin:0; }
  .fb-leaf-link .fb-leaf { width:100%; }
  .fb-own-leaf { height:auto; }
  .fb-home-photo > img { height:auto; aspect-ratio:auto; object-position:initial; }
  .fb-home-footnotes { margin-top:28px; padding-top:28px; }
  .fb-book-footnote, .fb-podcast-footnote { grid-template-columns:1fr; gap:20px; }
  .fb-small-books a { max-width:160px; }
  .fb-small-books img { height:140px; }
  body.fb-site .name-index a { font-size:18px; }
  body.fb-book main { width:100%; }
  body.fb-book .book-hero { grid-template-columns:1fr; gap:20px; padding:30px 0 40px; }
  body.fb-book .book-object { height:340px; padding:0 25px; }
  body.fb-book .book-object img { max-height:340px; }
  body.fb-book .book-head { padding:10px 0; }
  body.fb-book .book-title { font-size:45px; }
  body.fb-book .book-byline { font-size:22px; }
  body.fb-book .facts { grid-template-columns:1fr 1fr; }
  body.fb-book .content { width:calc(100% - 40px); padding:32px 0; }
  body.fb-book .lead { font-size:24px; }
  body.fb-book .reading-steps { grid-template-columns:1fr; gap:0; }
  body.fb-book .reading-step { min-height:0; }
  body.fb-book .reading-step::before { margin-bottom:12px; }
  body.fb-article main > :is(p,ul,ol,h2,h3,dl,table,.profile,.profile-facts,.exercise,.rights) { margin-left:0; max-width:100%; }
  body.fb-article main > h1 { margin-top:36px; }
  body.fb-article :is(.representative-gallery,.work-analysis) { grid-template-columns:1fr; }
  body.fb-article table { display:block; overflow-x:auto; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { body.fb-site { background:white; font-size:11pt; } body.fb-site .fb-header { display:none; } body.fb-site main { width:100%; } }