:root{color-scheme:light;--paper:#f5f3ec;--ink:#20211e;--muted:#64655d;--rule:#d2d2c8;--accent:#345a43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Avenir,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}.shell{max-width:1376px;margin:auto;padding:0 48px}header.top{display:flex;justify-content:space-between;align-items:center;min-height:100px;border-bottom:1px solid var(--rule)}.wordmark{text-decoration:none;font-weight:600;letter-spacing:-.03em}.wordmark span{font-weight:400;color:var(--muted)}.plain{border:0;background:none;min-height:44px;padding:8px 12px}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:66px 0 58px;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;margin:0 0 15px}h1{font-size:clamp(52px,6.9vw,100px);letter-spacing:-.07em;line-height:.99;font-weight:500;margin:0}h1 em{font-style:normal;color:var(--muted)}.intro-copy{max-width:370px;margin-bottom:5px}.intro-copy>p:first-child{font-size:21px;line-height:1.45;margin:0 0 16px}.muted,.credit{color:var(--muted);font-size:13px}.text-link{font-size:14px;border:0;background:none;padding:6px 0;text-decoration:underline;text-underline-offset:5px}.round-head{border-top:1px solid var(--rule);padding-top:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.round-head .eyebrow{margin-bottom:7px}h2{font-size:clamp(25px,2.6vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:0 0 16px}.round-head h2{margin:0}.outline,.solid{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--ink);background:none;text-decoration:none;font-size:14px;text-align:center;border-radius:3px}.solid{background:var(--ink);color:var(--paper)}.outline[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hint{font-size:12px;color:var(--muted);margin:14px 0 24px}.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo{min-width:0;border:0;background:transparent;padding:0;text-align:left;position:relative}.photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#dfded6;transition:opacity .12s}.caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--rule);font-size:12px}.caption b{font-size:15px;font-weight:600}.photo[aria-pressed=true] .caption{color:var(--accent);border-bottom:2px solid var(--accent)}.photo[aria-pressed=true] img{outline:3px solid var(--accent);outline-offset:-3px}.photo:hover:not(:disabled) .caption{color:var(--accent)}.reveal{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:#e9eade;padding:28px;margin-top:26px}.reveal .eyebrow{margin-bottom:8px}.reveal h3{font-size:26px;letter-spacing:-.035em;line-height:1.2;margin:0 0 10px;font-weight:500}.reveal p{max-width:650px;margin:7px 0;font-size:14px}.credit{font-size:11px;margin:19px 0}.status{min-height:0;font-size:14px}.status:empty{display:none}.result-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0}.result-photos figure{margin:0}.result-photos img{width:100%;height:auto;display:block}.result-photos figcaption{padding-top:12px;font-size:13px}.result-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#result{padding-top:30px;border-top:1px solid var(--rule)}#result-title{font-size:clamp(38px,5vw,70px);margin:20px 0}.method{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--rule);padding:56px 0;margin-top:60px}.method p{font-size:14px;margin-top:0}.method .privacy{font-size:12px;margin-top:25px}.method details{font-size:13px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 0}.method details p{font-size:12px}summary{cursor:pointer;min-height:24px}li{margin-bottom:8px}footer{display:flex;flex-wrap:wrap;gap:24px;padding:26px 0 40px;border-top:1px solid var(--rule);font-size:12px}footer span{margin-left:auto;color:var(--muted)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}
@media(max-width:760px){.shell{padding:0 22px}.top{min-height:76px!important}.wordmark{font-size:13px}.wordmark span{display:none}.intro{grid-template-columns:1fr;gap:25px;padding:40px 0 36px}.intro-copy{max-width:460px}.intro-copy>p:first-child{font-size:18px}h1{font-size:64px}.round-head{align-items:flex-start;padding-top:25px;gap:15px}.round-head h2{font-size:25px}.round-head .outline{flex-shrink:0;font-size:12px;padding:8px 12px;min-height:44px}.eyebrow{font-size:10px}.photos{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 13px;margin:0 -3px}.photo{flex:0 0 74%;scroll-snap-align:start}.caption{font-size:11px}.reveal{grid-template-columns:1fr;padding:20px;gap:15px}.reveal .solid{width:100%}.method{grid-template-columns:1fr;gap:24px;padding:35px 0;margin-top:40px}.result-photos{gap:10px}.result-photos figcaption{font-size:11px}.result-actions{align-items:stretch}.result-actions .solid{width:100%}.result-actions .outline{flex:1}footer{gap:18px}footer span{margin-left:0;width:100%}}
@media(max-width:360px){.shell{padding:0 16px}h1{font-size:55px}.round-head h2{font-size:22px}.photo{flex-basis:82%}.round-head .outline{max-width:92px}.result-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

/* A single source photograph avoids a misleading row of identical originals. */
#original-preview{margin:0 auto 24px;max-width:600px}#original-preview img{display:block;width:100%;height:auto}#original-preview figcaption{font-size:13px;padding:14px 0;color:var(--muted)}.intro h1{font-size:clamp(48px,6vw,88px)}@media(max-width:760px){.intro h1{font-size:clamp(44px,11vw,64px)}}