<!-- SL-VERSION: scorecard_folio-249.10 (Session 249, 2026-10-19, founder 14:00 IST)
  "in both Haiku basic and Sonnet Deep scorecards we will need a button to
  allow users to see the image in full expanded mode."
  THE FOLIO HAD NO WAY TO LOOK AT THE PHOTOGRAPH. Both OLD cards already do:
  image_detail_haiku has an Expand button and a lightbox, image_detail has a
  zoom overlay. The folio, which is replacing both, showed the frame at 72mm
  and offered nothing -- so a member is told what is strong and weak in a
  picture they cannot actually see. Same control, both worlds, since the
  folio serves Basic and Deep from one file.
  WEB ONLY, and that is the whole risk in this change: this file is also what
  the PDF is built from, so an overlay outside the `web` guard would print as
  a dark slab across sheet one. WeasyPrint never sets `web`. VERIFIED by
  rendering both ways -- the print render contains zero overlay, button or
  script elements -- not by trusting the flag.
  The picture shown is the stored copy, capped at 1500px on the long edge.
  The original is read at upload and deleted, so there is no larger file to
  offer; on a phone or laptop that fills the screen honestly, on a large
  desktop monitor it fills the screen without the detail of the member\'s own
  file. Recorded here so the button is never taken as a promise of
  resolution the platform does not hold.
  Opens from the button or the photograph, closes on the cross, on the
  surround, or on Escape. Checked at 390, 768 and 1280: no sideways scroll,
  44px target on all three.
  RETAINS 249.9 in full.
  Previous: SL-VERSION: scorecard_folio-249.9 (Session 249, 2026-10-19, founder 07:59 IST)
  "AUTHENTICITY CHECKED" IS REMOVED FROM THE BASIC CARD. Founder: "remove
  authenticity check then from Basic."
  It was printed unconditionally on every card, and the Basic path runs no
  such check: the Hive AI-detection call sits inside upload(), the Deep
  world's route, while the Basic world uses try_upload(), and the engine's
  own header says it twice -- "no Hive" and "No Hive AI check". Verified in
  source three ways before this change, after I had already stated one thing
  about these calls from memory and been wrong.
  It stays on the Deep card, where the check does run. Expert calibrated
  stays on both: it refers to the forced-choice calibration corpus, which is
  real and is what the closing line now counts.
  RETAINS 249.8 in full.

  SL-VERSION: scorecard_folio-249.8 (Session 249, 2026-10-19, founder 07:58 IST)
  ONE NUMBER, ONE PLACE. 249.7 put the calibration figure in the closing line
  while the verification row near the top still carried it as a chip -- the
  same fact twice on one card, in two vocabularies ("evaluations" and
  "images"). Founder: keep it at the bottom. The chip is removed; the
  verification row is now Authenticity checked and Expert calibrated, plus
  the soul bonus on a Deep card.
  RETAINS 249.7 in full.

  SL-VERSION: scorecard_folio-249.7 (Session 249, 2026-10-19, founder 07:54 IST)
  THE ADMIN STRIP IS REMOVED. Founder, on seeing it: "cant have Admin View -
  doesnt make sense. Keep it clean not as an afterthought." He is right. I
  put diagnostics on a member's evaluation to solve a problem of mine -- that
  I cannot read the Railway log -- and a card a photographer keeps is not the
  place to solve it. The log lines remain where they belong.
  IN ITS PLACE, ONE LINE, exactly where he marked it: after the last line of
  the card, "This evaluation is currently based on N calibrated images." His
  words, both worlds, printed only when the figure is known.
  RETAINS 249.5 in full; 249.6 is withdrawn, not retained.

  SL-VERSION: scorecard_folio-249.6 (Session 249, 2026-10-19, founder 07:43 IST)
  THE ADMIN STRIP. Founder: "check railway logs yourself for these things. -
  i am not A CODER." He is right, and I cannot: Railway's get-logs tool is
  not available in this session, the Railway CLI is not installed, and the
  API is blocked from the sandbox -- all three checked, not assumed. So every
  "search the log for ..." in this session asked him to do a technical job
  because I could not do it. That is the failure the project description
  names, not a division of labour.
  The facts those log lines carried now render at the foot of the card for an
  admin: which world it is, the calibration figure, and exactly which
  Deep-only items were withheld. Rule H asks for a button, a screen or a log
  line rather than a field -- this is the screen.
  Admin only (the route passes the viewer's role) and web only (WeasyPrint
  never sets `web`), so no member sees it and no PDF carries it. Verified by
  rendering all three cases.
  RETAINS 249.5 in full.

  SL-VERSION: scorecard_folio-249.5 (Session 249, 2026-10-19, founder 07:17 IST)
  TWO SMALL THINGS, BOTH ABOUT NOT PRINTING A NUMBER WE CANNOT STAND BEHIND.
  The "Calibrated against N evaluations" chip is now conditional: it printed
  weasy_card's frozen 312 on every Basic card because the route passed
  nothing. app.py 182.184 supplies a live figure to both worlds; where none
  can be read the chip disappears rather than inventing one.
  And the third location block is documented as permanently inert -- the
  engine's own schema says mentor_location_3 "Always return null". 248.6
  added it believing the opposite. Kept, so it works if that ever changes.
  RETAINS 249.4 in full.

  SL-VERSION: scorecard_folio-249.4 (Session 249, 2026-10-19, founder 03:03 IST)
  THE FOLIO IS NOW THE SCORECARD ITSELF. Founder, repeatedly and finally at
  03:03: "why are we not getting the web page result as per the folio design
  - despite me asking again and again." He was right to push. /try/result/<id>
  and /image/<id> now serve this page; the old hub templates are no longer
  the scorecard.
  That means the controls those pages carried must live here or they are
  gone, so this adds a sticky action bar, web only: Back, and Save PDF.
  Share is deliberately NOT in it -- it is broken in both worlds today
  (eLevate share_image returns 500; eValuate's canvas is tainted because R2
  serves photographs without CORS headers) and a button that fails is worse
  than one that is absent.
  44px targets and sticky, so the controls are reachable from any point in a
  nine-sheet document without scrolling back.
  WeasyPrint never sets `web`, so the printed folio is untouched.
  RETAINS 249.3 in full.

  SL-VERSION: scorecard_folio-249.3 (Session 249, 2026-10-19, founder go 02:47 IST)
  STRENGTHS AND GAPS ARE FINDINGS, NOT TAGS. badges_g and badges_w hold the
  engine's strengths and gaps as full sentences; 248.6 merged the two lists
  into one row of short amber pills, so "Cultural specificity stops at
  garment type, does not reach ritual or community" was set as a label, and
  the merge threw away the one thing that matters most about each line --
  whether it is a strength or a gap. Seen on the 18 Oct eLevate card, sheet
  2. They are two named lists now, set at 10.5pt, the same size as the
  dimension observations, because that is what they are.
  Pairs with weasy_card 249.1. RETAINS 249.2 in full.

  SL-VERSION: scorecard_folio-249.2 (Session 249, 2026-10-19, founder ruling 02:27 IST)
  NOINDEX ON THE WEB RENDER. Founder: "allowing everyone to see the scorecard
  is the rule now", so /image/<id>/folio and /try/result/<id>/folio are open
  to anyone with the link. Open to a link is not the same as open to a search
  engine: image_detail.html has carried `noindex, nofollow` since SL-181.5
  precisely because a member's photograph and their full evaluation are
  private-by-obscurity, not published. This file is a standalone document --
  it does not extend base.html -- so it never inherited that line, and
  without it the first public folio would have been the first indexable one.
  Emitted only when `web` is set. WeasyPrint never sets it, so the printed
  PDF is untouched and remains byte-identical to 248.14.
  RETAINS 249.1 in full.

  SL-VERSION: scorecard_folio-249.1 (Session 249, 2026-10-19, founder go 02:16 IST)
  THE ENGINE'S NAME, in the colophon of every printed and on-screen folio.
  Founder ruling, 02:08: "Shutter League Apex DDI engine". The colophon said
  "the Shutter League engine", which CONSTITUTION_S247 Rule A put there when
  it swept "Apex DDI" out of six files as Lens League Apex branding. The
  ruling reverses that sweep; the founder's word wins over the document, as
  the WOW Factor ruling did over S237.
  Nothing else changes: no layout, no CSS, no field, no logic. The printed
  folio is identical to 248.14 but for this one sentence.
  RETAINS 248.14 in full.
-->
<!-- SL-VERSION: scorecard_folio-248.14 (Session 248, 2026-10-18, 17:05 IST)
  PAST READINGS NO LONGER CONTRADICT THE HEADLINE. "Your evaluations so far"
  formatted h.score with '%.2f' and printed 6.88 under a headline that printed
  7, because this template cannot see whether the card is coarse. weasy_card
  248.14 supplies h.score_display, decided under the same tier clamp as the
  headline. The old format is kept as the fallback, so a card rendered by an
  older weasy_card still prints a number rather than a blank.
  Pairs with weasy_card.py 248.14. RETAINS 248.13.
-->
<!-- SL-VERSION: scorecard_folio-248.13 (Session 248, 2026-10-18, 16:40 IST)
  EDIT SUGGESTIONS: two columns only when there are two things to put in them.
  The free engine writes a single edit_tips field where Sonnet writes a
  balanced and an artistic pair, so on an eValuate card the table reserved
  half the page for a column that never arrived -- the right third of the
  page sat blank while the left column broke each WHAT/WHY/HOW line across
  three or four lines. With one column the block now runs the full measure as
  paragraphs. The paid card is unaffected and keeps its two columns.
  RETAINS scorecard_folio-248.12 in full.

  SL-VERSION: scorecard_folio-248.12 (Session 248, 2026-10-18, 16:15 IST)
  ONE TEMPLATE, TWO MEDIA. A `web` flag emits a screen block that re-asserts
  the paper look for a browser: the @page rules had to be hoisted to top
  level because WeasyPrint ignores @page inside @media print, which left them
  applying on screen too. WeasyPrint never sets `web`, so the printed folio
  is byte-identical to 248.11 -- verified by rendering both from one call.
  The screen block re-asserts only the properties the print block overrode;
  it is not a second copy of the design. Below 820px the sheet stops being a
  sheet and becomes a column, because the 70-year-old readability floor
  outranks the paper metaphor. Verified in Chromium at 1280, 834 and 390:
  no horizontal overflow at any width.
  RETAINS scorecard_folio-248.11 in full.

  SL-VERSION: scorecard_folio-248.11 (Session 248, 2026-10-18, 16:05 IST)
  THE MASTER REFERENCE HAD NO WORKING LINK AFFORDANCE. "See the work" was a
  <div> -- the one element that looks like a call to action was not clickable
  -- and the master's name, which IS the link, had lost its underline at
  248.5. A member saw two things and neither announced itself as a link.
  Both are anchors now and the underline is restored; the stray rule 248.5
  was chasing came from `.masters div` matching the nested .go div, which was
  fixed separately with a child selector.
  RETAINS scorecard_folio-248.10 in full.

  SL-VERSION: scorecard_folio-248.10 (Session 248, 2026-10-18, 14:50 IST)
  The headline figure now comes from score_display, so one template prints
  "8" on a free reading and "7.41" on a paid one. Adds the strictness note
  under the tier, the Sherpa "Across your work" section (eValuate), and
  keeps the closing furniture with the record it belongs to.
  RETAINS scorecard_folio-248.8 in full.

  SL-VERSION: scorecard_folio-248.8 (Session 248, 2026-10-18, 14:10 IST)
  Adds the eLevate-only sections: "Why this score" under each dimension, the
  craft read (composition and light named, plus the scene summary from the
  vision pre-pass), the archetype, the calibration line under the
  distribution bar, the mentor's two notes, a third location, badges and the
  soul bonus, and the wildlife findings.
  Every one of these renders nothing when its field is empty, which is the
  case on every free card -- so this same template continues to serve both
  worlds without a branch. RETAINS scorecard_folio-248.7 in full.

  SL-VERSION: scorecard_folio-248.7 (Session 248, 2026-10-18, 13:40 IST)
  Adds the closing `conclusion` block, so the free card can show the engine's
  last word on the photograph. Every other field it now carries (technical
  read, visual flow, Imagine, edit tips, species note, all five dimension
  observations) already had a slot here -- the route was simply not filling
  them. RETAINS scorecard_folio-248.6 in full.

  SL-VERSION: scorecard_folio-248.6 (Session 248, 2026-10-18, 12:15 IST)
  THIS TEMPLATE NOW SERVES BOTH WORLDS. try_result_download (eValuate) renders
  from it as well as download_card_pdf (eLevate), so the free card finally
  carries the Shutter League logo -- it never had one. Added for the free
  reader: the "Your evaluations so far" thread and the eValuate standing note.
  Both are empty on the paid card and render nothing there.
  Also: the sheet-2 masthead no longer hardcodes "The deep evaluation,
  continued" -- it printed on the free card too, telling an eValuate reader
  they held the deep evaluation. And `.masters div` became `.masters > div`:
  the descendant selector also matched the nested "See the work" div and gave
  it the cell's top rule, which printed as a stray line under the master's
  note. It looked like a link underline leaking and it was not.
  RETAINS scorecard_folio-248.5 in full.

  SL-VERSION: scorecard_folio-248.5 (Session 248, 2026-10-18, 11:55 IST)
  FIRST SPACING PASS ON THE PRINTED FOLIO. 248.1 went live (confirmed by the
  PDF's own metadata: Producer WeasyPrint 70.0) and this corrects what the
  nine printed pages showed, none of which a local render had revealed:
    * The lens barrel collapsed: pin labels printed outside the left edge of
      the paper, the 6/7/8/9/10 scale printed on top of the gap brace, and the
      five-dimension legend ran off the right edge mid-word.
    * The loupe was 44mm across with a 3.4mm rim -- a heavy black ring a third
      of the page wide, magnifying a 13mm barrel.
    * The photo plate WAS the table cell, so WeasyPrint painted its shadow
      outside the cell and the card appeared to hang off the sheet.
    * The action box's paragraphs had no margin and ran together into a slab.
    * Tinted sheet backgrounds painted coloured blocks that stopped partway
      down the page, making short sheets look unfinished.
    * Sparklines drew a bare line: no dot per reading, no figures.
  RETAINS scorecard_folio-248.1 in full; every change is marked SL-248.5.

  SL-VERSION: scorecard_folio-248.1 (Session 248, 2026-10-18)
  THE SINGLE PDF SOURCE. Replaces engine/reportlab_card.py's hand-drawn card.

  WHY THIS FILE EXISTS. Session 141 rendered the Save-PDF from HTML with
  WeasyPrint. Somewhere after that it was replaced by a ReportLab renderer
  whose comment reads "pure Python, no system dependencies" -- but the route
  docstring was never updated and still describes the WeasyPrint render.
  The cause was NOT the Railway image: nixpacks.toml has carried glib, pango,
  cairo, gdk-pixbuf, fontconfig and freetype -- the exact WeasyPrint set --
  for three months and still does. What went missing was the PYTHON PACKAGE:
  requirements.txt has reportlab and no weasyprint. One line, not an outage.
  The old scorecard_pdf.html is orphaned (it rendered nothing from that swap
  onward) and is deleted with this change.

  DESIGN. Carries DESIGN_EVOLVING_EYE_FOLIO_S242 / SAVE_PDF_REDESIGN_S247:
  action first, lens barrel + loupe for the five dimensions, record footer.
  Paper/pastel grounds only -- no dark ground with light copy.

  PAGE LENGTH IS NOT CONSTRAINED. Founder, 18 Oct 08:33: "length of pages
  should never be a hard stopper - keep the design beautiful, wow, always -
  something to be treasured." Type is never shrunk to win a page count; the
  70-year-old readability floor outranks pagination.

  LAYOUT NOTE -- TABLES, NOT GRID. WeasyPrint's CSS Grid support is partial
  and computed the columns wrong (content clipped past the right page edge,
  proven by rendering and inspecting, not assumed). Every multi-column block
  here is display:table. Do not "modernise" these back to grid.
  Also: aspect-ratio is unsupported (photo plate uses a fixed height), and
  the @page rules must NOT be nested inside @media print -- WeasyPrint did
  not apply them there, and every sheet silently took two pages.

  LOCATION CO-ORDINATES ARE NEVER PRINTED. models.py marks the capture
  co-ordinate columns "internal only, never displayed" and they are not
  passed to this template at all. The record block shows camera, lens,
  settings and date only.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>eLevate — A.R — Shutter League</title>
<style>

:root{
  --wall:#141B2E; --print:#FBFBF8; --mat:#F1EFEA; --paper:#FFFFFF;
  --graphite:#2B2B2B; --soft:#4A4A4A; --rule:#D9D6CD; --silver:#8E8B84;
  --marker:#D7262E; --safelight:#E9B949; --ink:#141414; --gold-dk:#8A6A00;
  --display:"Bodoni Moda",Georgia,"Times New Roman",serif;
  --body:"Atkinson Hyperlegible",Verdana,Arial,sans-serif;
  --hand:"Permanent Marker","Comic Sans MS",cursive;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#CFCCC4;font-family:var(--body);color:var(--graphite);font-size:16px;line-height:1.6}
.sheet{width:210mm;min-height:297mm;margin:16px auto;background:var(--print);
       box-shadow:0 18px 40px rgba(0,0,0,.28);padding:15mm 16mm 13mm;position:relative}
.sheet.mat{background:var(--mat)}
h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--ink)}
.hand{font-family:var(--hand);color:var(--marker);display:inline-block}

/* masthead */
.mast{display:table;width:100%;table-layout:fixed;
      border-bottom:1px solid var(--rule);padding-bottom:6mm;margin-bottom:8mm}
.mast>*{display:table-cell;vertical-align:bottom}
.mast>.rt{text-align:right}
.mast .bn{font-family:var(--display);font-size:18pt;color:var(--ink)}
.mast .bs{font-size:8.5pt;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);display:block;margin-top:2px}
.mast .rt{font-size:8.5pt;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);text-align:right;line-height:1.7}

/* ── SHEET 1 ── */
.topline{display:table;width:100%;table-layout:fixed;border-spacing:0}
.topline>*{display:table-cell;vertical-align:top}
.topline>.platecell{width:54%;padding-right:9mm}
.topline>.bigscore{width:46%}
/* SL-248.5 -- the photo card used to BE the table-cell: .plate carried both
   width:54% and the card's padding/shadow. WeasyPrint painted the shadow
   outside the cell box, so the white card appeared to float over the panel's
   left edge and hang off the sheet. The cell is now a plain wrapper
   (.platecell) and the card is an ordinary block inside it. */
.plate{background:var(--paper);padding:4.5mm;box-shadow:0 6px 18px rgba(20,27,46,.14)}
.plate .img{width:100%;height:72mm;display:block;
  background:linear-gradient(165deg,#3a3550 0%,#6b5578 38%,#b57f8e 68%,#e8b9ae 100%)}
.plate .cap{margin-top:3.5mm}
.plate .cap b{font-family:var(--body);font-weight:700;font-size:11pt;color:var(--ink)}
.plate .cap span{display:block;font-size:9.5pt;color:var(--soft);margin-top:1px}

.bigscore{text-align:right}
.bigscore .n{font-family:var(--display);font-size:72pt;line-height:.9;color:var(--wall)}
.bigscore .n sup{font-family:var(--body);font-size:12pt;color:var(--silver);vertical-align:super}
.bigscore .tier{font-size:11pt;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
                color:var(--gold-dk);margin-top:3mm}
.bigscore .pct{font-size:10.5pt;color:var(--soft);margin-top:2mm;line-height:1.5}
/* SL-248.10 -- the free card's own statement that the paid engine scores
   more strictly. 9.5pt, not fine print: it is the sentence that stops a
   member reading a lower paid score as an error. */
.strict{font-size:9.5pt;line-height:1.55;color:var(--soft);margin-top:4mm;
        text-align:left;border-top:1px solid var(--rule);padding-top:3mm}
.sl-pair{display:table;width:100%;table-layout:fixed;border-spacing:4mm 0;margin-top:6mm;text-align:left}
.sl-pair div{display:table-cell;border-top:2px solid var(--wall);padding-top:2.5mm;vertical-align:top}
.sl-pair div.leap{border-top-color:var(--marker)}
.sl-pair dt{font-size:8.5pt;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.sl-pair dd{font-size:11pt;font-weight:700;color:var(--ink);margin-top:1mm}
.sl-pair div.leap dd{color:var(--marker)}

/* THE ACTION — the whole point of sheet 1 */
.act{margin-top:10mm;background:var(--paper);border:2px solid var(--marker);position:relative;
     padding:9mm 9mm 8mm}
.act .tab{position:absolute;top:-4.2mm;left:7mm;background:var(--marker);color:#fff;
          font-size:9pt;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:1.4mm 4mm}
.act h2{font-size:27pt;line-height:1.12;margin-bottom:4mm}
/* SL-248.5 -- these paragraphs had NO margin, so the three of them ran
   together into one slab. It was the only place in the folio where prose had
   no air between paragraphs; everywhere else .prose p carries 3.5mm. */
.act p{font-size:12.5pt;line-height:1.6;color:var(--graphite);max-width:68ch;
       margin-bottom:4mm;orphans:3;widows:3}
.act p:last-of-type{margin-bottom:0}
.act .why{font-size:10pt;color:var(--soft);margin-top:4mm;border-top:1px solid var(--rule);padding-top:3mm}

.verif{margin-top:8mm;border-top:1px solid var(--rule);padding-top:4mm}
/* SL-248.6 -- inline-block and nowrap: the row gained a fourth item (soul
   bonus) and "Soul bonus / awarded" broke across two lines mid-phrase. */
.verif span{display:inline-block;white-space:nowrap;margin-right:8mm;
            font-size:9.5pt;color:var(--soft)}
.verif{line-height:2}
.verif b{color:var(--ink)}

/* ── BARREL ── */
.sec{margin-top:10mm}
.sec-h{font-size:21pt;line-height:1.12;margin-bottom:1.5mm}
.sec-sub{font-size:10.5pt;color:var(--soft);margin-bottom:7mm;max-width:64ch}
.barrel-row{display:table;width:100%;table-layout:fixed;border-spacing:0}
.barrel-row>*{display:table-cell;vertical-align:middle}
.barrel-row>*:first-child{width:67%;padding-right:9mm}
.barrel-row>*:last-child{width:33%}
/* SL-248.5 -- the pin labels live ABOVE the barrel and are centred on their
   score with translateX(-50%). A pin near 0% therefore hung half its width
   off the left edge of the sheet ("NEXT LEAP 6.0" printed outside the paper).
   Two changes fix it together: the pin percentage is clamped to 6..94 in
   weasy_card._barrel_pct(), and the wrap carries side padding so even a
   clamped pin has room for its label. Top padding raised 16->22mm because
   .pin.best sits 11mm higher again and was clipping the section heading. */
.barrel-wrap{padding:22mm 10mm 0}
.barrel{position:relative;height:13mm;border:1.4px solid var(--ink);background:var(--paper)}
.ticks{position:absolute;top:0;left:0;right:0;bottom:0;display:table;
       width:100%;height:100%;table-layout:fixed}
.ticks i{display:table-cell;border-right:1px solid rgba(20,27,46,.28)}
.ticks i:nth-child(5n+1){height:100%;border-right-color:rgba(20,27,46,.5)}
.ticks i:last-child{border-right:0}
.pin{position:absolute;transform:translateX(-50%);text-align:center;white-space:nowrap}
.pin .stem{display:block;width:1.6px;background:var(--wall);margin:0 auto}
.pin .pv{font-family:var(--display);font-size:13pt;color:var(--ink);line-height:1}
.pin .pl{display:block;font-size:8pt;letter-spacing:.06em;text-transform:uppercase;
         color:var(--soft);margin-bottom:.8mm}
.pin.best{margin-top:-11mm}
.pin.low .stem{background:var(--marker)} .pin.low .pv,.pin.low .pl{color:var(--marker)}
.pin.best .stem{background:var(--gold-dk)} .pin.best .pv,.pin.best .pl{color:var(--gold-dk)}
/* SL-248.5 -- was 4mm, which put the 6/7/8/9/10 scale directly through the
   gap brace (.gap-brace hangs 8mm below the barrel). They printed on top of
   each other. The scale now clears the brace and its handwritten label. */
.b-scale{display:table;width:100%;table-layout:fixed;font-size:9pt;color:var(--silver);margin-top:14mm}
.b-scale>*{display:table-cell;text-align:center}
.b-scale>*:first-child{text-align:left}
.b-scale>*:last-child{text-align:right}
.gap-brace{position:absolute;left:67.5%;width:15%;bottom:-8mm;height:4.5mm;
           border:1.6px solid var(--marker);border-top:0}
.gb-lbl{position:absolute;left:50%;top:4.5mm;transform:translateX(-50%);white-space:nowrap;
        font-family:var(--hand);font-size:12pt;color:var(--marker)}

/* SL-248.5 -- was 44mm across with a 3.4mm rim, which printed as a heavy
   black ring a third of the page wide, dwarfing the 13mm barrel it magnifies.
   A loupe should read as an instrument laid on the page, not a target. */
.loupe{width:32mm;height:32mm;border-radius:50%;border:1.1mm solid var(--ink);
       background:var(--paper);position:relative;overflow:hidden;margin:0 auto}
.loupe .lscale{position:absolute;left:0;right:0;top:52%;height:1.4px;background:var(--ink)}
.loupe .lt{position:absolute;top:calc(52% - 2.6mm);width:1px;height:5.2mm;background:rgba(20,27,46,.32)}
.loupe .mk{position:absolute;top:22%;bottom:22%;width:1.6px}
.loupe .mv{position:absolute;transform:translateX(-50%);font-family:var(--display);font-size:11.5pt}
.loupe-cap{font-size:9pt;color:var(--soft);text-align:center;margin-top:3mm;line-height:1.45}

/* SL-248.5 -- the five dimensions were laid out as one nowrap line and ran
   off the right edge of the page: "Aesthetic Quotient (AQ" was cut in half by
   the paper. Each entry still refuses to break internally, but the row now
   wraps as a whole. */
.legend{margin-top:9mm;border-top:1px solid var(--rule);
        padding-top:3.5mm;font-size:10pt;color:var(--soft);line-height:2.1}
.legend span{display:inline-block;margin-right:7mm;white-space:nowrap}
.legend b{color:var(--ink);font-family:var(--display);font-size:12pt;margin-left:1.5mm}
.legend .low b{color:var(--marker)} .legend .best b{color:var(--gold-dk)}

/* distribution */
.dist{margin-top:7mm}
.dist .track{height:7px;background:rgba(20,27,46,.08);position:relative;border-radius:3px}
.dist .fill{position:absolute;inset:0;background:rgba(200,168,75,.22);border-radius:3px}
.dist .mk{position:absolute;top:-5px;width:2px;height:17px;background:var(--wall)}
.dist .lb{display:table;width:100%;table-layout:fixed;font-size:9pt;color:var(--silver);margin-top:2mm}
.dist .lb>*{display:table-cell}
.dist .lb>*:last-child{text-align:right}
.dist .lb .cur{color:var(--ink);font-weight:700}

/* prose */
.kicker{font-size:9pt;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
        color:var(--soft);margin-bottom:2.5mm}
.prose p{font-size:10.8pt;line-height:1.66;margin-bottom:3.5mm}
/* SL-248.13 -- the single-column edit block runs the full measure. The
   WHAT/WHY/HOW lines the engine writes are short; in a half-width column
   each one wrapped to three or four lines and the page read as a list of
   fragments rather than advice. */
.edits-wide p{max-width:none}
.edits-wide p:first-child{margin-top:1mm}
.prose p:last-child{margin-bottom:0}
.two{display:table;width:100%;table-layout:fixed;border-spacing:9mm 0}
.two>*{display:table-cell;vertical-align:top}
.pull{background:var(--paper);border-left:3px solid var(--marker);padding:5mm 6mm;margin-top:6mm}
.pull p{font-family:var(--display);font-style:italic;font-size:13.5pt;line-height:1.44;color:var(--ink)}
.redline{font-family:var(--display);font-size:14pt;line-height:1.4;color:var(--ink);
         border-top:2px solid var(--marker);padding-top:3mm;margin-top:4mm}

/* ── SL-248.6 — eLevate-only furniture. Every rule here styles a field the
   engine has always written and the card never showed. All of these are
   absent on a free card, so none of it renders there. ── */
.calib{margin-top:4mm;font-size:10.5pt;line-height:1.6;color:var(--soft);
       border-left:2px solid var(--rule);padding-left:4mm}
.archetype{margin-top:7mm;font-family:var(--display);font-size:15pt;color:var(--ink);
           border-top:1px solid var(--rule);padding-top:4mm}
.archetype span{display:block;font-family:var(--body);font-size:8.5pt;
                letter-spacing:.16em;text-transform:uppercase;color:var(--soft);
                margin-bottom:1.5mm}
.badges{margin-top:3.5mm;line-height:2}
.badges span{display:inline-block;font-size:9pt;color:var(--gold-dk);
             border:1px solid var(--rule);padding:1mm 3mm;margin-right:2.5mm}
/* SL-249.3 — strengths and gaps. Two columns on paper and on a wide
   screen, stacked below 820px with the rest. Set at 10.5pt, the same size
   as the dimension observations: these ARE observations. The gap list is
   marked with the marker colour on its rule only -- the sentences
   themselves stay in body ink, because a page of red reads as failure and
   a gap is the next evaluation, not a verdict. */
.findings{display:table;width:100%;table-layout:fixed;border-spacing:7mm 0;
          margin-top:6mm}
.findings>div{display:table-cell;vertical-align:top;
              border-top:2px solid var(--wall);padding-top:3mm}
.findings .kicker{margin-bottom:2.5mm}
.findings .kicker.gap{color:var(--marker)}
.findings ul{list-style:none;margin:0;padding:0}
.findings li{font-size:10.5pt;line-height:1.6;color:var(--graphite);
             margin-bottom:2.5mm;padding-left:4.5mm;position:relative;
             break-inside:avoid;page-break-inside:avoid}
.findings li:last-child{margin-bottom:0}
.findings li:before{content:"";position:absolute;left:0;top:2.2mm;
                    width:1.8mm;height:1.8mm;background:var(--wall)}
.findings>div:last-child li:before{background:var(--marker)}
.chips{margin-bottom:4mm;line-height:2}
.chip{display:inline-block;font-size:9.5pt;color:var(--soft);background:var(--mat);
      padding:1.2mm 3.5mm;margin-right:3mm}
.chip b{color:var(--ink);font-weight:700}
/* The engine's argument for the number. Set as prose, not fine print: a
   photographer has to be able to disagree with it, and you cannot argue
   with something you need glasses to read. */
.why-score{margin-top:3.5mm;border-top:1px solid var(--rule);padding-top:3mm;
           font-size:10.5pt;line-height:1.62;color:var(--graphite)}
.why-score b{font-family:var(--body);font-size:8.5pt;letter-spacing:.14em;
             text-transform:uppercase;color:var(--marker);margin-right:2mm}
.dscore{float:right;font-family:var(--display);font-size:15pt;color:var(--gold-dk)}
.facts{margin-top:4mm;border-top:1px solid var(--rule);padding-top:3mm}
.facts>div{display:table;width:100%;table-layout:fixed;padding:1.6mm 0}
.facts dt{display:table-cell;width:38%;font-size:9pt;letter-spacing:.1em;
          text-transform:uppercase;color:var(--soft);vertical-align:top}
.facts dd{display:table-cell;font-size:10.5pt;color:var(--ink);line-height:1.55}

/* blocks */
.block{background:var(--paper);border:1px solid var(--rule);padding:6mm;margin-top:6mm}
.block h3{font-size:14pt;margin-bottom:3mm}
.masters{display:table;width:100%;table-layout:fixed;border-spacing:5mm 0;margin-top:4mm}
/* SL-248.5 -- the 2px wall-coloured rule printed as a long black bar across
   the whole block, and the anchor's border-bottom sat ON the descenders of
   "Yousuf Karsh" rather than under them. Lighter rule, and the underline is
   given room to clear the type. */
/* SL-248.5 -- CHILD selector, not descendant. `.masters div` also matched the
   nested .go ("See the work") div and handed it this cell's border-top, which
   printed as a stray rule hanging under the last line of the master's note.
   It looked like the link's underline leaking and it was not: it was this
   selector reaching one level too far. */
.masters>div{display:table-cell;border-top:1px solid var(--rule);padding-top:3mm;vertical-align:top}
.masters b{display:block;font-family:var(--display);font-size:13pt;color:var(--ink)}
.masters span{font-size:9.5pt;color:var(--soft);line-height:1.5;display:block;margin-top:2mm}
/* SL-248.5 -- the anchor's border-bottom leaked across the inline flow and
   drew a rule under unrelated words further down the paragraph ("have made
   that call." came out underlined). The link is already signalled by the
   display face, the colour and the explicit SEE THE WORK line beneath it, so
   the border is dropped rather than patched. */
/* SL-248.11 -- the underline is BACK on the master's name. 248.5 removed it
   believing it was leaking a stray rule across the paragraph; the real cause
   was `.masters div` matching the nested .go div, fixed separately with a
   child selector. Removing it cost the link its only affordance on a printed
   page, where there is no cursor to reveal one. */
.masters a{color:var(--ink);text-decoration:none;
           border-bottom:1.2px solid var(--marker);padding-bottom:1.2mm}
.masters a.go{display:inline-block;margin-top:4mm;border-bottom:0;padding-bottom:0;
              font-size:8.5pt;letter-spacing:.1em;text-transform:uppercase;
              color:var(--marker);font-weight:700}
.masters .go{font-size:8.5pt;letter-spacing:.1em;text-transform:uppercase;color:var(--marker);
             margin-top:2mm;font-weight:700}

/* trends */
.trend{display:table;width:100%;border-spacing:0;padding:4mm 0;border-bottom:1px solid var(--rule)}
.trend>*{display:table-cell;vertical-align:middle;padding-right:5mm}
.trend>.t{width:42mm}
.trend>.vv{width:14mm;padding-right:0}
.trend:last-child{border-bottom:0}
.trend .t{font-size:10.5pt;color:var(--ink)}
.trend .t i{display:block;font-style:normal;font-size:9pt;color:var(--soft);margin-top:.8mm}
.trend .vv{font-family:var(--display);font-size:16pt;text-align:right;color:var(--ink)}
/* SL-248.5 -- taller, because the line now carries a dot at every reading and
   the figure beneath it. Founder, 18 Oct 11:49: "Important to show sparkle
   dots and figures then for each line." The web card has shown both since
   Session 181; the PDF drew the line alone, so the same trend was easier to
   read on a screen than in the thing the photographer keeps. */
/* SL-248.5 -- the figures are styled with PRESENTATION ATTRIBUTES on the
   <text> elements, not from here. WeasyPrint renders inline SVG through its
   own SVG engine and does not cascade the document's CSS into it: a CSS rule
   for `.trend svg text` is silently ignored and every figure falls back to
   the default 16px, which printed them at twice the intended size, running
   into each other ("8.08.2", "8.48.5"). Proven by rendering. Do not move the
   SVG text styling back into CSS. */
.trend svg{width:100%;height:19mm;display:block;overflow:visible}

/* footer slots */
.record{margin-top:9mm;border-top:2px solid var(--wall);padding-top:5mm;
        display:table;width:100%;table-layout:fixed;border-spacing:5mm 0}
.record>div{display:table-cell;vertical-align:top}
.record dt{font-size:8.5pt;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.record dd{font-size:10pt;color:var(--ink);margin-top:1.2mm;line-height:1.5}
.prepared{display:table;width:100%;table-layout:fixed;margin-top:6mm;
          border-top:1px solid var(--rule);padding-top:3.5mm}
.prepared>*{display:table-cell;vertical-align:bottom}
.prepared .pf{font-family:var(--display);font-size:13pt;color:var(--ink)}
.prepared .pf small{font-family:var(--body);font-size:9pt;letter-spacing:.14em;
                    text-transform:uppercase;color:var(--soft);display:block;margin-bottom:1mm}
.prepared .dt{font-size:9.5pt;color:var(--soft);text-align:right;line-height:1.6}
.colophon{margin-top:5mm;display:table;width:100%;table-layout:fixed;font-size:9pt;color:var(--silver)}
.colophon>*{display:table-cell}
/* SL-248.5 -- the eValuate standing note. 9.5pt, not fine print: it states
   what the free reading does not count towards, and a 70-year-old reader has
   to be able to read it as easily as the score. */
.worldnote{margin-top:3mm;font-size:9.5pt;line-height:1.55;color:var(--soft);
           border-top:1px solid var(--rule);padding-top:3mm}
/* SL-249.7 — the closing line. Same weight as the standing note above it so
   the card ends on one quiet register rather than trailing off. */
.calnote{margin-top:3mm;font-size:9.5pt;line-height:1.55;color:var(--soft)}

/* SL-248.1 — the mock's @media print block is REMOVED, not edited.
   WeasyPrint did not apply the @page nested inside it (every sheet silently
   took two pages, proven by render). The same rules now live at top level
   below. Keeping both would leave two competing @page declarations. */
*{-webkit-print-color-adjust:exact}

/* ── SL-PRINT (SL-folio 248.1) ───────────────────────────────────────────
   Hoisted out of @media print: WeasyPrint renders at media=print, but the
   @page nested inside the @media block was NOT applied — proven by render
   (each sheet took 2 pages at min-height:297mm), not assumed.
   Page length deliberately unconstrained — founder, 18 Oct 08:33:
   "length of pages should never be a hard stopper - keep the design
   beautiful, wow, always - something to be treasured."
   SL logo runs on EVERY page via the @top-left margin box. ── */
@page{
  size:A4; margin:22mm 14mm 16mm;
  @top-left{ content:element(slrun) }
  /* @top-right intentionally empty — the running header already carries
     the mark; printing the name twice on one line is the duplication
     the founder flagged. */
  @bottom-right{ content:"Page " counter(page) " of " counter(pages);
    font-family:Verdana,Arial,sans-serif;font-size:8pt;color:#8E8B84 }
  @bottom-left{ content:"shutterleague.com";
    font-family:Verdana,Arial,sans-serif;font-size:8pt;color:#8E8B84 }
}
body{background:#fff}
/* Running page header. The logo MUST go through position:running() rather
   than a margin-box content:url(): a margin-box image renders at its own
   natural size and cannot be scaled, so the logo came out enormous. This
   gives it real CSS sizing, so it is 8.5mm on every page whatever the
   source file measures. Removing these three rules leaves @top-left
   pointing at an element that was never hoisted -- the margin box renders
   empty and the logo drops into the body instead. */
.slrun{position:running(slrun);white-space:nowrap}
.slrun img{height:8.5mm;width:auto;vertical-align:middle}
.slrun b{font-family:var(--display);font-size:11pt;color:var(--ink);
         vertical-align:middle;margin-left:2.5mm;font-weight:400}
.sheet{width:auto;min-height:0;margin:0;padding:0;box-shadow:none;
       break-after:page;page-break-after:always;
       /* SL-248.5 -- the sheet tone is dropped in print. On screen the tinted
          sheet reads as a sheet of paper; on an actual page it painted a
          coloured block that stopped a third of the way down and left the rest
          white, so every short sheet looked like an unfinished panel rather
          than a page with room on it. The tone now lives only on the cards
          that are meant to carry it. */
       background:transparent}
/* .sheet.mat is more specific than .sheet, so it kept its tone and the rule
   above did nothing for the very sheets it was written for. Stated
   explicitly rather than fought with !important. */
.sheet.mat{background:transparent}
/* SL-248.5 -- WeasyPrint paints this shadow OUTSIDE the element's box, so the
   photo card appeared shifted up and left, hanging over the panel edge and
   off the sheet, with a ghost of its own cell behind it. A hairline rule does
   the same job on paper, where a drop shadow is a screen idiom anyway. */
.plate{box-shadow:none;border:1px solid var(--rule)}
.sheet:last-child{break-after:auto;page-break-after:auto}
/* SL-248.5 -- .act was in this list and is ~130mm tall. Refusing to break it
   pushed the whole block to a fresh page and left page 1 two-thirds empty.
   Length is not a constraint here (founder, 18 Oct 08:33) but emptiness reads
   as unfinished, so the tall blocks may now flow and the short ones stay
   whole. */
.trend,.record,.prepared,.pull{break-inside:avoid;page-break-inside:avoid}
/* SL-248.9 -- the closing furniture travels with the record it belongs to.
   Without this the colophon and the eValuate note fell alone onto a final
   page carrying nothing else, which reads as a printing accident. */
.colophon,.worldnote{break-before:avoid;page-break-before:avoid}
h2,h3{break-after:avoid;page-break-after:avoid}
/* A heading, its standfirst and the first of what follows travel together --
   "The five dimensions" was printing alone at the foot of a page with the
   barrel overleaf. */
.sec-h,.sec-sub,.kicker{break-after:avoid;page-break-after:avoid}


/* ══ SL-248.12 — SCREEN. Emitted ONLY for the web route ═══════════════════
   The @page block and the rules above it had to be hoisted to top level
   because WeasyPrint does not apply @page nested inside @media print. The
   cost is that they are unconditional -- so on a screen .sheet would be
   transparent, full-bleed and trying to break to a page that does not exist.
   This block puts the paper back for the browser only. WeasyPrint never
   sets `web`, so the printed folio is untouched.
   Deliberately NOT a copy of the design: it re-asserts only the handful of
   properties the print block overrode. There is one set of styles here, not
   two, which is the whole reason the web card and the PDF cannot drift. */
body{background:#CFCCC4;padding:0 0 40px}
/* SL-249.4 — THE ACTION BAR. The folio is now the scorecard itself, not a
   view of it, so the controls the old hub page carried have to live here or
   they are gone. Back and Save PDF only: Share is broken in both worlds
   (eLevate share_image 500s, eValuate's canvas is tainted because R2 serves
   photographs without CORS headers) and a button that fails is worse than
   one that is absent. 44px targets, sticky, so a 70-year-old on a phone can
   always reach them without scrolling nine sheets back to the top. */
.folio-bar{position:sticky;top:0;z-index:20;background:var(--print);
           border-bottom:1px solid var(--rule);
           display:flex;align-items:center;justify-content:space-between;
           gap:12px;padding:10px 16mm}
.folio-bar a{display:inline-flex;align-items:center;min-height:44px;
             padding:0 16px;font-size:15px;line-height:1.4;
             text-decoration:none;color:var(--ink);white-space:nowrap}
.folio-bar a.pdf{background:var(--safelight);color:var(--ink);font-weight:700;
                 border-radius:3px}
@media (max-width:820px){ .folio-bar{padding:8px 12px} .folio-bar a{padding:0 12px;font-size:14px} }

.sheet{width:210mm;max-width:100%;min-height:0;margin:16px auto;
       background:var(--print);box-shadow:0 18px 40px rgba(0,0,0,.22);
       padding:15mm 16mm 13mm;break-after:auto;page-break-after:auto}
.sheet.mat{background:var(--mat)}
.plate{box-shadow:0 6px 18px rgba(20,27,46,.14);border:0;position:relative}

/* SL-249.10 — SEE THE PHOTOGRAPH PROPERLY. Founder 14:00 IST: "in both Haiku
   basic and Sonnet Deep scorecards we will need a button to allow users to
   see the image in full expanded mode."
   Both OLD cards already had this -- image_detail_haiku has Expand, image_detail
   has a zoom overlay. The folio, which is replacing both of them, had nothing:
   the photograph sat at 72mm with no way to enlarge it. The member is being
   told what is strong and weak in a frame they cannot actually look at.
   WEB ONLY, and that is not a detail. This same file is what the PDF is built
   from, so an overlay outside this block would print as a dark slab across
   sheet one. WeasyPrint never sets `web`. Verified by rendering the PDF, not
   by trusting the flag.
   The control sits ON the photograph rather than under it, because the caption
   below carries the title and must not be pushed off the first screen. */
.fx-btn{position:absolute;right:4.5mm;top:4.5mm;z-index:3;
        display:inline-flex;align-items:center;justify-content:center;gap:7px;
        min-height:44px;min-width:44px;padding:0 14px;
        background:rgba(20,27,46,.72);color:#fff;border:0;border-radius:3px;
        font-family:var(--body);font-size:14px;letter-spacing:.08em;
        text-transform:uppercase;cursor:zoom-in;transition:background .15s}
.fx-btn:hover,.fx-btn:focus{background:rgba(20,27,46,.92);outline:none}
.plate .img{cursor:zoom-in}

/* The overlay. `display:none` until opened, so nothing about the sheet moves
   and a member who never taps it pays nothing for it. */
.fx-ov{display:none;position:fixed;inset:0;z-index:200;
       background:rgba(12,16,28,.94);
       align-items:center;justify-content:center;
       padding:56px 16px;cursor:zoom-out}
.fx-ov.on{display:flex}
.fx-ov img{max-width:100%;max-height:100%;object-fit:contain;display:block;
           box-shadow:0 18px 50px rgba(0,0,0,.5)}
.fx-x{position:absolute;top:10px;right:12px;
      display:inline-flex;align-items:center;justify-content:center;
      width:48px;height:48px;background:none;border:0;color:#fff;
      font-size:34px;line-height:1;cursor:pointer}
.fx-x:hover,.fx-x:focus{color:var(--gold,#C8A84B);outline:none}
@media (max-width:820px){
  /* Clear of the sticky action bar at the top and of a phone's home
     indicator at the foot. */
  .fx-ov{padding:64px 10px calc(28px + env(safe-area-inset-bottom,0px))}
  .fx-btn{right:3mm;top:3mm;font-size:13px;padding:0 11px}
}

/* The running header is a print device: on screen it would sit in the flow
   as a stray logo above the first sheet. */
.slrun{position:static;display:block;width:210mm;max-width:100%;
       margin:24px auto 0;padding:0 16mm}
a{color:inherit}

/* ── Phone and tablet. A4 is 210mm, so below that the sheet stops being a
   sheet and becomes a column -- the 70-year-old readability floor matters
   more than the paper metaphor. ── */
@media (max-width:820px){
  body{background:var(--print)}
  .sheet{width:auto;margin:0;padding:22px 18px 28px;box-shadow:none;
         border-bottom:1px solid var(--rule)}
  .slrun{width:auto;padding:0 18px;margin-top:18px}
  .topline,.topline>*{display:block;width:auto!important;padding-right:0!important}
  .bigscore{text-align:left;margin-top:22px}
  .plate{margin-bottom:0}
  .two,.two>*{display:block;width:auto}
  .findings,.findings>div{display:block;width:auto}
  .findings>div+div{margin-top:6mm}
  .two>*+*{margin-top:6mm}
  /* Strongest / next leap: two table cells at 390px gave each about 24
     characters, so "Aesthetic Quotient 8.5" wrapped to three lines. */
  .sl-pair,.sl-pair div{display:block;width:auto}
  .sl-pair div+div{margin-top:5mm}
  .legend span{display:block;margin-right:0}
  .barrel-row,.barrel-row>*{display:block;width:auto!important;padding-right:0!important}
  .barrel-wrap{padding:22mm 6mm 0}
  .loupe{margin-top:8mm}
  .trend,.trend>*{display:block;width:auto!important;padding-right:0!important}
  .trend>.vv{text-align:left;margin-top:2mm}
  .record>div,.facts>div,.facts dt,.facts dd{display:block;width:auto}
  .facts dt{margin-top:3mm}
  .record{display:block}
  .record>div{padding:2.5mm 0}
  .act h2{font-size:21pt}
  .bigscore .n{font-size:56pt}
}

</style>
</head>
<body>


<nav class="folio-bar">
  <a href="/dashboard">&#8592; Back to Dashboard</a>
  <a class="pdf" href="/image/639/download-pdf">&#8595; Save PDF</a>
</nav>

<div class="slrun"><img src="https://shutterleague.com/static/img/shutterleague-logo-cropped.png" alt=""><b>Shutter League</b></div>


<section class="sheet mat">
  <div class="mast">
    <div><span class="bn">A.R</span>
         <span class="bs">The deep evaluation</span></div>
    <div class="rt">Evaluated 2 Jun 2026</div>
  </div>

  <div class="topline">
    <div class="platecell"><div class="plate">
      <img class="img" src="https://pub-1b176cd1cfcc4e699e024f0907bef610.r2.dev/thumbs/ec4ad177-a73c-470c-94c2-bc0210aed8e3.jpg" alt=""
             onclick="fxOpen()">
        
        
        <button type="button" class="fx-btn" onclick="fxOpen()"
                aria-label="See this photograph full screen">Expand</button>
        
      
      <figcaption class="cap"><b>V2</b>
        <span>Street &middot; 5 evaluations on record</span>
      </figcaption>
    </div></div>
    <div class="bigscore">
      <div class="n">8.92<sup>/10</sup></div>
      <div class="tier">MASTER</div>
      
      
      <p class="pct">Higher than 92% of images in the League</p>
      <p class="pct">Recognition level — 8.5 and above is where Shutter League points you to open calls beyond the League</p>
      
      <dl class="sl-pair">
        <div><dt>Strongest</dt><dd>Aesthetic Quotient 9.3</dd></div>
        <div class="leap"><dt>Your next leap</dt><dd>Visual Disruption 7.8</dd></div>
      </dl>
    </div>
  </div>

  
  <div class="act">
    <span class="tab">Do this next</span>
    <h2>Shoot this scene again at dusk when the exterior light is warmer and the colonnade goes cooler — the distant figure becomes a warm silhouette against gold and the isolation becomes</h2>
    <p>beauty rather than dread.</p>
    <p class="why">Exposed for the red cap and the foreground figure, accepted the deep shadow through the colonnade, and held the silhouette at the far end without clipping — the harder call than exposing for the average and losing both ends.</p>
  </div>

  
  <div class="verif">
    
    <span>&#10003; <b>Authenticity checked</b></span>
    
    <span>&#9733; <b>Expert calibrated</b></span>
    <span>&#9679; <b>Soul bonus awarded</b></span>
  </div>
  
  
  <div class="findings">
    <div>
      <p class="kicker">What is working</p>
      <ul><li>Recognition instant captured — open mouth, direct gaze, surprise visible</li><li>Scale juxtaposition as social truth — foreground isolation, distant figure as unreachable other</li><li>Tonal execution holding both red cap detail and distant silhouette without clipping</li></ul>
    </div>
    <div>
      <p class="kicker gap">Where it stops short</p>
      <ul><li>Foreground figure could be closer — the red cap and the gaze are the emotional centre</li><li>Diamond tile pattern competes slightly with the human geometry</li><li>Distant silhouette could be more precisely positioned within the arch</li></ul>
    </div>
  </div>
  

  <div class="sec">
    <h2 class="sec-h">The five dimensions</h2>
    <p class="sec-sub">The same five, every time, on the same scale every evaluation uses.</p>
    <div class="barrel-row">
      <div class="barrel-wrap">
        <div class="barrel">
          <div class="ticks"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
          
          <div class="pin low" style="left:45.0%;bottom:100%">
            <span class="pl">Next leap</span>
            <span class="pv">7.8</span>
            <span class="stem" style="height:7mm"></span>
          </div>
          <div class="pin best" style="left:82.5%;bottom:100%">
            <span class="pl">Strongest</span>
            <span class="pv">9.3</span>
            <span class="stem" style="height:7mm"></span>
          </div>
          
          <div class="gap-brace" style="left:45.0%;width:37.5%">
            <span class="gb-lbl">1.5 apart</span>
          </div>
        </div>
        <div class="b-scale"><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span></div>
      </div>
      <div>
        <div class="loupe">
          <div class="lscale"></div>
          
          <div class="mk" style="left:20.0%;background:#D7262E"></div>
          <div class="mv" style="left:20.0%;top:8%;color:#D7262E">7.8</div>
          
          <div class="mk" style="left:80.0%;background:#8A6A00"></div>
          <div class="mv" style="left:80.0%;bottom:8%;color:#8A6A00">9.3</div>
          
        </div>
        <p class="loupe-cap">Under the loupe: 7.8 to 9.3.<br>All five dimensions live in this strip.</p>
      </div>
    </div>
    <div class="legend">
      <span class="">Depth of Difficulty<b>8.2</b></span><span class="low">Visual Disruption<b>7.8</b></span><span class="">Decisive Moment<b>8.7</b></span><span class="">Wonder Factor<b>9.2</b></span><span class="best">Aesthetic Quotient<b>9.3</b></span>
    </div>
    <p class="redline">1.5 separates your strongest dimension from your weakest. That gap is where the next evaluation is won.</p>
  </div>
</section>


<section class="sheet">
  <div class="mast">
    <div><span class="bn">A.R</span>
         
         <span class="bs">The deep evaluation, continued</span></div>
    <div class="rt">8.92 &middot; MASTER</div>
  </div>

  <h2 class="sec-h">What Shutter League saw</h2>
  <p class="sec-sub">Where this reading sits against every photograph the engine has read.</p>
  <div class="dist">
    <div class="track"><div class="fill"></div><div class="mk" style="left:89.2%"></div></div>
    <div class="lb"><span>0</span><span class="cur">8.92</span><span>10</span></div>
  </div>
  
  
  <div class="pull"><p>&ldquo;The confrontational gaze captured at the instant of recognition — the open mouth, the direct stare back through the tunnel — is one of the rarest and most unrepeatable street frame&rdquo;</p></div>

  <div class="two" style="margin-top:7mm">
    <div>
      
    </div>
    <div>
      
    </div>
  </div>

  
  <div class="block"><h3>The craft read</h3>
    
    <p class="chips">
      <span class="chip">Composition &middot; <b>Leading lines</b></span>
      
    </p>
    
  </div>

  
</section>


<section class="sheet mat">
  <div class="mast">
    <div><span class="bn">A.R</span>
         <span class="bs">The craft, and the record</span></div>
    <div class="rt">Evaluated 2 Jun 2026</div>
  </div>

  
  <h2 class="sec-h">Edit suggestions</h2>
  <div class="two" style="margin-top:5mm">
    <div><p class="kicker">Standard edit &middot; balanced</p>
      <div class="prose"><p>Burn the colonnade walls by 0.3–0.5 stops to deepen the tunnel effect and isolate the red cap and the distant silhouette. Lift the distant figure by 0.2 stops to hold the silhouette definition without losing the backlit separation.</p></div></div>
    <div><p class="kicker">Creative edit &middot; artistic</p>
      <div class="prose"><p>Convert to monochrome and push the blacks until the colonnade becomes pure void — only the red cap (hand-tinted) and the distant silhouette remain visible, suspended in darkness. The juxtaposition becomes existential rather than architectural.</p></div></div>
  </div>
  

  <div class="sec">
    <h2 class="sec-h">How you are developing</h2>
    <p class="sec-sub">Across your last 5 photographs, over the past 1 days.</p>
    
    <div class="trend">
      <div class="t">Aesthetic Quotient<i>The emotion it creates</i></div>
      
      <div><svg viewBox="-7 -5 314 52">
        <polyline fill="none" stroke="#F5C518" stroke-width="1.8"
          stroke-linejoin="round" stroke-linecap="round"
          points="0.0,29.0 75.0,13.0 150.0,1.0 225.0,1.0 300.0,9.0 "/>
        <circle cx="0.0" cy="29.0" r="2.1"
          fill="#F5C518"/><circle cx="75.0" cy="13.0" r="2.1"
          fill="#F5C518"/><circle cx="150.0" cy="1.0" r="2.1"
          fill="#F5C518"/><circle cx="225.0" cy="1.0" r="2.1"
          fill="#F5C518"/><circle cx="300.0" cy="9.0" r="2.1"
          fill="#F5C518"/>
        <text x="0.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.9</text><text x="75.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">9.3</text><text x="150.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">9.6</text><text x="225.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">9.6</text>
      </svg></div>
      <div class="vv">9.4</div>
    </div>
    <div class="trend">
      <div class="t">Decisive Moment<i>Whether this was the moment</i></div>
      
      <div><svg viewBox="-7 -5 314 52">
        <polyline fill="none" stroke="#2C3E6B" stroke-width="1.8"
          stroke-linejoin="round" stroke-linecap="round"
          points="0.0,29.0 75.0,15.0 150.0,5.7 225.0,1.0 300.0,5.7 "/>
        <circle cx="0.0" cy="29.0" r="2.1"
          fill="#2C3E6B"/><circle cx="75.0" cy="15.0" r="2.1"
          fill="#2C3E6B"/><circle cx="150.0" cy="5.7" r="2.1"
          fill="#2C3E6B"/><circle cx="225.0" cy="1.0" r="2.1"
          fill="#2C3E6B"/><circle cx="300.0" cy="5.7" r="2.1"
          fill="#2C3E6B"/>
        <text x="0.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.4</text><text x="75.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.7</text><text x="150.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.9</text><text x="225.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">9.0</text>
      </svg></div>
      <div class="vv">8.9</div>
    </div>
    <div class="trend">
      <div class="t">Depth of Difficulty<i>What it took to get</i></div>
      
      <div><svg viewBox="-7 -5 314 52">
        <polyline fill="none" stroke="#BA7517" stroke-width="1.8"
          stroke-linejoin="round" stroke-linecap="round"
          points="0.0,29.0 75.0,10.3 150.0,1.0 225.0,1.0 300.0,10.3 "/>
        <circle cx="0.0" cy="29.0" r="2.1"
          fill="#BA7517"/><circle cx="75.0" cy="10.3" r="2.1"
          fill="#BA7517"/><circle cx="150.0" cy="1.0" r="2.1"
          fill="#BA7517"/><circle cx="225.0" cy="1.0" r="2.1"
          fill="#BA7517"/><circle cx="300.0" cy="10.3" r="2.1"
          fill="#BA7517"/>
        <text x="0.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">7.2</text><text x="75.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.2</text><text x="150.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.7</text><text x="225.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.7</text>
      </svg></div>
      <div class="vv">8.2</div>
    </div>
    <div class="trend">
      <div class="t">Wonder Factor<i>The WOW it creates</i></div>
      
      <div><svg viewBox="-7 -5 314 52">
        <polyline fill="none" stroke="#5A7A3A" stroke-width="1.8"
          stroke-linejoin="round" stroke-linecap="round"
          points="0.0,29.0 75.0,13.4 150.0,1.0 225.0,1.0 300.0,10.3 "/>
        <circle cx="0.0" cy="29.0" r="2.1"
          fill="#5A7A3A"/><circle cx="75.0" cy="13.4" r="2.1"
          fill="#5A7A3A"/><circle cx="150.0" cy="1.0" r="2.1"
          fill="#5A7A3A"/><circle cx="225.0" cy="1.0" r="2.1"
          fill="#5A7A3A"/><circle cx="300.0" cy="10.3" r="2.1"
          fill="#5A7A3A"/>
        <text x="0.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.7</text><text x="75.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">9.2</text><text x="150.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">9.6</text><text x="225.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">9.6</text>
      </svg></div>
      <div class="vv">9.3</div>
    </div>
    <div class="trend">
      <div class="t">Visual Disruption<i>How it breaks the expected</i></div>
      
      <div><svg viewBox="-7 -5 314 52">
        <polyline fill="none" stroke="#6A4A9A" stroke-width="1.8"
          stroke-linejoin="round" stroke-linecap="round"
          points="0.0,29.0 75.0,29.0 150.0,1.0 225.0,1.0 300.0,29.0 "/>
        <circle cx="0.0" cy="29.0" r="2.1"
          fill="#6A4A9A"/><circle cx="75.0" cy="29.0" r="2.1"
          fill="#6A4A9A"/><circle cx="150.0" cy="1.0" r="2.1"
          fill="#6A4A9A"/><circle cx="225.0" cy="1.0" r="2.1"
          fill="#6A4A9A"/><circle cx="300.0" cy="29.0" r="2.1"
          fill="#6A4A9A"/>
        <text x="0.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">7.8</text><text x="75.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">7.8</text><text x="150.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.8</text><text x="225.0" y="41.0"
          font-family="Verdana,Arial,sans-serif" font-size="9"
          text-anchor="middle" fill="#6E6B64">8.8</text>
      </svg></div>
      <div class="vv">7.8</div>
    </div>
  </div>

  
  <h2 class="sec-h" style="margin-top:10mm">The record</h2>
  <dl class="record">
    <div><dt>Title</dt><dd>V2</dd></div>
    <div><dt>File</dt><dd>DSCF5805.jpeg</dd></div>
    <div><dt>Interest</dt><dd>Street · JPEG</dd></div>
    <div><dt>Evaluated</dt><dd>Evaluated 2 Jun 2026</dd></div>
  </dl>
  
  <dl class="record" style="border-top:1px solid var(--rule);margin-top:5mm;padding-top:4mm">
    <div style="width:50%"><dt>Camera data</dt><dd>FUJIFILM X100VI · 23.0mm  .  f/8.0  .  ISO 500  .  1/1900s</dd></div>
    
  </dl>

  <div class="prepared">
    <div class="pf"><small>Prepared for</small>A.R</div>
    <div class="dt">2 June 2026<br>Shutter League</div>
  </div>
  <div class="colophon">
    <span>Evaluated by the Shutter League Apex DDI engine, calibrated against blind peer evaluation.</span>
    <span></span>
  </div>
  
  
  <p class="calnote">This evaluation is currently
     based on 3092 calibrated images.</p>
</section>


<div class="fx-ov" id="fx-ov" onclick="fxClose()" role="dialog" aria-modal="true"
     aria-label="Photograph, full screen">
  <button type="button" class="fx-x" onclick="fxClose()" aria-label="Close">&times;</button>
  <img src="https://pub-1b176cd1cfcc4e699e024f0907bef610.r2.dev/thumbs/ec4ad177-a73c-470c-94c2-bc0210aed8e3.jpg" alt="V2">
</div>
<script>
(function(){
  var ov = document.getElementById('fx-ov');
  if (!ov) return;
  /* Opened from the button or the photograph itself; closed by the cross, by
     tapping the surround, or by Escape. A member who opens this must never
     feel trapped in it. */
  window.fxOpen = function(e){
    if (e && e.stopPropagation) e.stopPropagation();
    ov.classList.add('on');
    document.body.style.overflow = 'hidden';   /* the sheet behind must not scroll */
  };
  window.fxClose = function(){
    ov.classList.remove('on');
    document.body.style.overflow = '';
  };
  document.addEventListener('keydown', function(ev){
    if (ev.key === 'Escape' && ov.classList.contains('on')) window.fxClose();
  });
})();
</script>


</body>
</html>