:root{--paper:#f7f5ef;--ink:#201f1b;--muted:#6c695f;--line:#dcd7ca;--accent:#53614b;--wash:#eeeadf;--serif:Fraunces,Georgia,serif;--sans:"Hanken Grotesk",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #976c2a;outline-offset:5px}[hidden]{display:none!important}.js-only{display:none}.js .js-only{display:flex}
.site-header{max-width:1380px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font:28px var(--serif);text-decoration:none}.site-header nav{display:flex;gap:25px;font-size:13px}.site-header nav a{text-decoration:none}.shell{max-width:1220px;margin:auto;padding:0 36px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 20px}.intro{padding:62px 0 38px;max-width:930px}h1,h2,h3{font-family:var(--serif);font-weight:380;line-height:1.1;letter-spacing:-.025em}h1{font-size:clamp(43px,6vw,82px);margin:0 0 23px}h1 em{font-weight:380}h2{font-size:clamp(31px,3.5vw,47px);margin:0 0 20px}h3{font-size:25px;margin:0 0 13px}p{margin:0 0 20px}.standfirst{font-size:21px;line-height:1.55;color:var(--muted);max-width:730px}.intro-links{display:flex;gap:26px;font-size:13px;margin-top:25px}.intro-links a{text-decoration:none;border-bottom:1px solid var(--line)}.label{font-size:11px;letter-spacing:.11em;text-transform:uppercase}.subtle{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-heading p{max-width:360px;font-size:15px;color:var(--muted);margin-bottom:0}.section-heading h2{margin:0}.chapter{border-top:1px solid var(--line);padding:46px 0 54px}.chapter-number{display:block;font-size:11px;letter-spacing:.13em;color:var(--muted);margin-bottom:20px}.text-column{max-width:650px}.source-note{font-size:12px;color:var(--muted);line-height:1.6}.pill{border:1px solid var(--line);border-radius:99px;background:transparent;padding:9px 17px;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}.pill:hover{border-color:var(--ink)}.pill[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.action{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:13px 24px;text-decoration:none;font-size:14px}.action:hover{background:var(--accent);color:white}.action.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.look-frame{position:relative;overflow:hidden;background:#192024;aspect-ratio:1.9}.look-frame>img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.look-frame.zoomed>img{object-fit:contain}.image-caption{font-size:12px;color:var(--muted);line-height:1.55;margin:12px 0 25px;max-width:900px}.look-toolbar{justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px;font-size:12px;color:var(--muted)}.look-toolbar .pill{min-height:36px;padding:6px 13px}.hotspot{position:absolute;width:35px;height:35px;border:1px solid #ffffffa8;border-radius:50%;background:#f7f5efd9;color:#23221b;align-items:center;justify-content:center;transform:translate(-50%,-50%);font-size:12px;box-shadow:0 0 0 5px #ffffff24}.zoomed .hotspot{visibility:hidden}.observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:48px}.observation{padding-top:18px;border-top:1px solid var(--line)}.observation[data-active="true"]{border-color:var(--ink)}.observation h3{font-size:24px}.observation p{font-size:15px;color:var(--muted);margin-bottom:10px}.text-button{border:0;background:none;padding:4px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.story-pair{display:grid;grid-template-columns:1fr .65fr;gap:75px;align-items:start}.story-pair aside{padding:30px;background:var(--wash);border-left:2px solid #b4aa8f}.story-pair aside .year{font:58px var(--serif);line-height:1;margin-bottom:16px}.story-pair aside p{font-size:15px}.story-pair aside p:last-child{margin-bottom:0}.version-controls{gap:10px;flex-wrap:wrap;margin:24px 0}.version-stage{background:#e8e3d8;padding:25px}.version-stage figure{margin:0 0 30px}.version-stage img{width:100%;height:auto;display:block;max-height:550px;object-fit:contain}.version-stage figcaption{font-size:13px;margin-top:16px}.version-stage figcaption p{max-width:720px;margin:9px 0 0}.js .version-stage figure{margin:0}.js .version-stage img{height:480px}.version-context{font-size:14px;color:var(--muted);margin:20px 0 0}.ending{padding:48px 0 58px;max-width:730px;margin:auto}.ending p{font-size:19px}.ending .source-note{font-size:12px}.sources{border-top:1px solid var(--line);padding:22px 0 35px;font-size:13px}.sources summary{cursor:pointer}.sources ul{padding-left:20px;line-height:1.8}
.tool-row{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0}.filters{gap:8px;flex-wrap:wrap}.result-count{font-size:12px;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px;margin:5px 0 65px}.asset-card{min-width:0}.asset-image{display:block;background:#e9e4d9;overflow:hidden;position:relative}.asset-image img{display:block;width:100%;height:340px;object-fit:contain;padding:14px;transition:transform .3s}.asset-image:hover img{transform:scale(1.035)}.image-hint{position:absolute;bottom:12px;right:12px;background:#f7f5efec;padding:5px 10px;border-radius:99px;font-size:11px;pointer-events:none}.asset-caption{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-top:17px}.asset-caption h3{font-size:23px;margin:0 0 7px}.asset-caption h3 a{text-decoration:none}.asset-caption h3 a:hover{text-decoration:underline}.asset-meta{font-size:12px;color:var(--muted);margin-bottom:9px}.rights{font-size:10px;border:1px solid var(--line);padding:3px 8px;border-radius:20px;text-decoration:none;white-space:nowrap}.asset-card details{font-size:13px;color:var(--muted);margin:8px 0}.asset-card summary{cursor:pointer}.asset-card details p{margin:12px 0}.asset-links{display:flex;gap:16px;font-size:12px;margin-top:14px}.practical{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.practical p{font-size:15px;color:var(--muted)}.practical h3{font-size:25px}
.explore-invite{background:#23312b;color:#f7f5ef;padding:50px;margin:10px 0 65px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.journal .explore-invite{background:#202b30}.explore-invite .eyebrow{color:#c1cbb8}.explore-invite h2{font-size:clamp(35px,3.8vw,52px)}.explore-invite p{font-size:16px;color:#d0d3c9}.explore-invite .action{color:#242a25;background:#f7f5ef;border-color:#f7f5ef;margin:7px 0 15px}.explore-invite .action:hover{background:#dbdfce}.explore-invite .small{font-size:11px;color:#b8c0b5;margin:4px 0}.preview-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.preview-tile{text-decoration:none;display:block;min-width:0}.preview-tile:nth-child(3n+2){padding-top:26px}.preview-tile img{display:block;width:100%;height:140px;object-fit:cover;background:#35423b}.botanical .preview-tile img{object-fit:contain;background:#e4e0d5;padding:5px}.preview-tile:nth-child(3n+1) img{height:173px}.preview-tile span{display:block;font-size:10px;line-height:1.4;color:#d0d3c9;margin-top:7px}.preview-tile:hover img{outline:2px solid #d7dcc6;outline-offset:3px}.site-footer{border-top:1px solid var(--line);padding:25px 40px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}
dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(1050px,94vw);max-height:92vh;overflow:auto}dialog::backdrop{background:#121713c9}.dialog-close{position:absolute;right:12px;top:12px;z-index:2;background:var(--paper);border:1px solid var(--line);border-radius:50%;height:40px;width:40px;font-size:25px;line-height:1}.dialog-content{display:grid;grid-template-columns:1.25fr 1fr;min-height:540px}.dialog-image{width:100%;height:100%;max-height:78vh;object-fit:contain;background:#e9e4d9;padding:25px}.dialog-copy{padding:65px 35px 35px}.dialog-copy h2{font-size:36px}.dialog-copy p{font-size:15px}.dialog-copy .attribution{font-size:11px;color:var(--muted)}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
@media(max-width:950px){.shell{padding:0 26px}.site-header{padding:20px 26px}.story-pair{gap:35px}.explore-invite{padding:35px;gap:30px;grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-mosaic{gap:8px}.preview-tile img{height:115px}.preview-tile:nth-child(3n+1) img{height:140px}.js .version-stage img{height:380px}}
@media(max-width:650px){body{font-size:16px}.shell{padding:0 20px}.site-header{padding:17px 20px}.wordmark{font-size:25px}.site-header nav{gap:15px;font-size:12px}.intro{padding:35px 0 24px}.standfirst{font-size:18px}.intro-links{gap:20px}.look-frame{aspect-ratio:1.65}.hotspot{height:29px;width:29px}.look-toolbar{align-items:start}.observations{grid-template-columns:1fr;gap:14px;margin-bottom:35px}.observation{padding-top:14px}.observation h3{font-size:24px;margin-bottom:8px}.observation p{font-size:15px}.chapter{padding:30px 0 38px}.section-heading{display:block}.section-heading p{margin-top:15px}.story-pair{grid-template-columns:1fr;gap:18px}.story-pair aside{padding:23px}.story-pair aside .year{font-size:42px}.version-stage{padding:13px}.js .version-stage img{height:240px}.version-controls{gap:7px}.version-controls .pill{font-size:12px;padding:8px 12px}.ending{padding:35px 0}.ending p{font-size:17px}.asset-grid{gap:28px 13px;margin-bottom:40px}.asset-image img{height:230px;padding:9px}.asset-caption{display:block}.asset-caption h3{font-size:20px}.asset-caption .rights{display:inline-block;margin:2px 0 4px}.asset-links{flex-wrap:wrap;gap:7px 14px}.asset-meta{font-size:11px}.image-hint{font-size:10px;bottom:8px;right:8px}.tool-row{display:block;padding:18px 0}.result-count{display:block;margin-top:12px}.filters .pill{padding:8px 12px;font-size:12px}.practical{grid-template-columns:1fr;gap:7px}.explore-invite{padding:28px 22px;margin:0 -4px 40px;grid-template-columns:1fr;gap:23px}.explore-invite h2{font-size:37px}.preview-tile img{height:115px}.preview-tile:nth-child(3n+1) img{height:143px}.site-footer{padding:25px 20px;display:block}.site-footer span{display:block;margin-bottom:8px}.dialog-content{grid-template-columns:1fr;min-height:0}.dialog-image{height:43vh;padding:25px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:650px){.hide-mobile{display:none}}
@media(max-width:480px){.asset-grid{grid-template-columns:1fr;gap:34px}.asset-image img{height:340px;padding:16px}.asset-caption h3{font-size:23px}.asset-meta{font-size:12px}}