:root{--page:#fff;--surface:#fff;--night-muted:#717872;--toggle-border:#e1e7de}
html{background:var(--page);color-scheme:light}
body,.sidebar,.sidebar-content{background:var(--page)}
body{isolation:isolate}
main{position:relative;z-index:1}
.night-scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .7s;contain:strict}
:is([data-theme="night"],[data-theme="rain"]){--page:#080f0b;--surface:#121e16;--ink:#e5ece2;--muted:#a9b7a8;--green:#aed1a5;--line:#26382b;--soft:#16261b;--night-muted:#a9b7a8;--toggle-border:#354a39;color-scheme:dark}
:is([data-theme="night"],[data-theme="rain"]) :is(.sidebar,.sidebar-content){background:transparent}
:is([data-theme="night"],[data-theme="rain"]) .night-scene{opacity:1}
[data-theme="rain"] .night-scene{transition:none}
:is([data-theme="night"],[data-theme="rain"]) ::selection{background:#4a6643;color:#fff}
:is([data-theme="night"],[data-theme="rain"]) :is(.intro-lines,.location,.origin>span,.meta,.print-label,.page-kicker,.eyebrow,.quiet,.collection-rule,.collection-note,.draft-note,.article-meta,.article-deck,.back-link,.photo-card .card-copy p,.photo-detail-empty p,.collection-header>p:last-child,nav a,.menu-toggle){color:var(--night-muted)}
:is([data-theme="night"],[data-theme="rain"]) nav a[aria-current]{color:var(--ink)}
:is([data-theme="night"],[data-theme="rain"]) nav a:hover{color:var(--green);background:transparent}
[data-theme="night"] nav a[aria-current],[data-theme="night"] nav a[aria-current]:hover{color:#fff}
:is([data-theme="night"],[data-theme="rain"]) nav a::before{background:#a7cd94;box-shadow:0 0 8px #a7cd9425}
:is([data-theme="night"],[data-theme="rain"]) .name-dot{color:#a0bd88}
:is([data-theme="night"],[data-theme="rain"]) :is(.home-grid .card,.print){background:var(--surface);border-color:var(--line);box-shadow:0 3px 5px #0002,0 16px 40px #0003}
:is([data-theme="night"],[data-theme="rain"]) .home-grid .print{background:transparent;box-shadow:none}
:is([data-theme="night"],[data-theme="rain"]) .print-label>span:last-child{color:var(--green)}
:is([data-theme="night"],[data-theme="rain"]) .portrait{border-color:var(--surface);outline-color:#3d5140;background:var(--surface);box-shadow:0 12px 35px #0003}
:is([data-theme="night"],[data-theme="rain"]) .art{background:#23352b}
:is([data-theme="night"],[data-theme="rain"]) .art>img{filter:brightness(.78) saturate(.83)}
:is([data-theme="night"],[data-theme="rain"]) .portrait img{filter:brightness(.9)}
:is([data-theme="night"],[data-theme="rain"]) :is(.specimen,.type-study,.empty-study,.map-study,.room-study,.material-study,.photo-empty){background-color:#1c2d21;color:#c8d9bd}
:is([data-theme="night"],[data-theme="rain"]) :is(.type-study>span,.photo-empty,.photo-empty small){color:#c8d9bd}
:is([data-theme="night"],[data-theme="rain"]) .light-study{background:linear-gradient(125deg,#353b2b 20%,#555940 45%,#2a3628 46%,#3b4933 70%);color:#e4e5cd}
:is([data-theme="night"],[data-theme="rain"]) .empty-study b{border-color:#6e7958}
:is([data-theme="night"],[data-theme="rain"]) .prose p{color:#bdc9b9}
:is([data-theme="night"],[data-theme="rain"]) .prose .end-mark{color:var(--green)}
:is([data-theme="night"],[data-theme="rain"]) .draft-banner{background:#1e2c22;color:#b5c6ad;border-color:#789268}
:is([data-theme="night"],[data-theme="rain"]) .article-art figcaption{background:#16211cec;color:#d1dec8}
:is([data-theme="night"],[data-theme="rain"]) .cursor-cue{background:#c4dabb;color:#18251c;box-shadow:0 4px 14px #0004}
:is([data-theme="night"],[data-theme="rain"]) .reading-progress{background:#b0cd99}
:is([data-theme="night"],[data-theme="rain"]) .skip{color:#17281b}
:is([data-theme="night"],[data-theme="rain"]) .see-all-cards{background:#2c6648;border-color:#74a183;color:#fff;box-shadow:0 5px 0 #173b29,0 10px 22px #0006,inset 0 1px 0 #ffffff24}
:is([data-theme="night"],[data-theme="rain"]) .site-footer{color:var(--night-muted);border-color:var(--line)}
[data-theme="night"] .social-icon{color:#b8ccc1}
[data-theme="rain"] .social-icon{color:#b4cb92}
@media(prefers-reduced-motion:reduce){.night-scene{display:none}}

[data-theme="night"]{--page:#050607;--surface:#121416;--ink:#e7e9ec;--muted:#acb1b8;--green:#b0c5b7;--line:#2b3034;--soft:#1d2325;--night-muted:#acb1b8;--toggle-border:#363e42}
.weather-control{position:fixed;top:max(50px,env(safe-area-inset-top));right:max(50px,env(safe-area-inset-right));width:168px;height:54px;z-index:65;isolation:isolate}
.weather-control-moving{transition:left 720ms cubic-bezier(.45,0,.55,1)}
@media(prefers-reduced-motion:reduce){.weather-control-moving{transition:none}}
body:has(main:not(.home)) .weather-control{position:absolute}
.weather-defs{position:absolute;pointer-events:none}
.weather-bar{position:relative;z-index:2;display:flex;padding:0;border:1px solid var(--toggle-border);border-radius:28px;background:var(--surface);box-shadow:0 3px 12px #15271d0a,inset 0 1px 0 #ffffff26}
.weather-bar button{position:relative;display:grid;place-items:center;width:56px;height:52px;padding:5px;border:0;background:none;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}
.weather-bar button svg{width:36px;height:36px;overflow:visible;filter:drop-shadow(0 2px 1px #17172726);transition:transform .25s,opacity .25s;opacity:.62}
.weather-bar button:hover svg,.weather-bar button[aria-pressed="true"] svg{opacity:1;transform:translateY(-2px)}
.weather-bar button[aria-pressed="true"]{background:var(--soft,#f0f3ed)}
.weather-bar button::after{content:'';position:absolute;bottom:5px;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:0}
.weather-bar button[aria-pressed="true"]::after{opacity:.6}
.weather-rope{position:absolute;left:-56px;top:0;width:280px;height:260px;pointer-events:none;z-index:1}
.rope-knot{position:absolute;z-index:3;width:44px;height:44px;padding:5px 9px;border:0;background:transparent;touch-action:none;cursor:grab;transform-origin:50% 8px;user-select:none;-webkit-user-select:none}
[data-pulling="true"] .rope-knot{cursor:grabbing}
.rope-monkey{position:absolute;z-index:4;width:96px;height:96px;border:0;padding:0;background:transparent;transform-origin:25.5px 6.75px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;clip-path:polygon(21% 0,34% 0,36% 4%,60% 4%,74% 15%,74% 84%,54% 95%,46% 100%,28% 100%,28% 83%,18% 74%,18% 24%,21% 14%)}
.rope-monkey img{display:block;width:100%;height:100%;pointer-events:none;transform:scaleX(-1);filter:drop-shadow(0 1px 1px #0002)}
.rope-grip-overlay{z-index:5}
@media(max-width:620px){.rope-monkey{width:80px;height:80px}}
[data-pulling="true"] .rope-monkey{cursor:grabbing}
.rope-monkey:focus-visible{outline:0;filter:drop-shadow(0 0 2px var(--green))}
.monkey-tooltip{position:absolute;right:0;z-index:6;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;width:min(400px,calc(100vw - 36px));padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 8px 28px #0002;font-size:.75rem;line-height:1.55;text-align:left;cursor:default}
.monkey-tooltip[hidden]{display:none}.monkey-tooltip-photo{display:block;width:120px;height:120px;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:7px;background:#fff}.monkey-tooltip-copy{min-width:0}.monkey-tooltip strong{display:block;font-family:var(--display);font-size:.8125rem;line-height:1.4;font-weight:650;margin:0 0 4px}.monkey-population{display:block;color:#bd3030;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.6875rem;line-height:1.5;font-weight:500;margin-bottom:8px}.monkey-tooltip p{margin:0;color:var(--muted)}
.tiger-info{padding:0;border:0;background:transparent;cursor:pointer}
.photography-heading{display:flex;align-items:flex-start;gap:24px;max-width:680px;--photo-tiger-height:134px;--heading-tiger-height:var(--photo-tiger-height)}
.photography-tiger-slot{position:relative;flex:0 0 calc(var(--photo-tiger-height) * 843 / 1213);height:var(--photo-tiger-height);margin-top:var(--photo-tiger-offset,0px)}
.photography-heading-copy{min-width:0;flex:1}
.photography-heading-copy p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:430px;margin:0}
.ux-heading{display:flex;align-items:flex-start;gap:24px;max-width:700px;--ux-mascot-height:134px;--heading-tiger-height:var(--ux-mascot-height)}
.product-tiger-slot{position:relative;flex:0 0 calc(var(--ux-mascot-height) * 843 / 1213);height:var(--ux-mascot-height);margin-top:var(--ux-mascot-offset,0px)}
.ux-mascot-slot{position:relative;flex:0 0 calc(var(--ux-mascot-height) * .72);height:var(--ux-mascot-height);margin-top:var(--ux-mascot-offset,0px)}
.ux-mascot-info{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.ux-mascot{position:absolute;inset:0;width:100%;height:100%}
.ux-mascot img,.ux-mascot .marten-eyes{position:absolute;top:0;left:calc(var(--ux-mascot-height) * -.236);display:block;width:var(--ux-mascot-height);height:var(--ux-mascot-height);max-width:none;object-fit:contain}
.ux-mascot .marten-eyes{pointer-events:none}
.ux-mascot-info:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:8px}
.marten-tooltip{position:fixed;z-index:72;right:auto;width:min(430px,calc(100vw - 36px))}
.marten-tooltip .monkey-tooltip-photo{object-fit:cover}
.ux-heading-copy{min-width:0;flex:1}
.ux-heading-copy p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:430px;margin:0}
.sidebar-bottom.tiger-in-heading{--tiger-height:var(--heading-tiger-height);position:absolute;inset:0 auto auto 0;display:block;padding:0;margin:0}
.projects-empty{color:var(--muted);font-size:.875rem;margin:0 0 100px}
@media(max-width:620px){.collection-header.photography-heading{gap:14px;padding-top:85px}.photography-heading-copy h1{font-size:1.5rem;letter-spacing:-.8px;margin-bottom:12px}.photography-heading-copy p{font-size:.75rem;line-height:1.6}.collection-header.ux-heading{gap:12px}.ux-heading-copy h1{font-size:1.75rem;letter-spacing:-1px;margin-bottom:12px}.ux-heading-copy p{font-size:.75rem;line-height:1.6}}
.tiger-tooltip{position:fixed;left:50px;right:auto;bottom:calc(var(--tiger-height) + 12px);width:min(420px,calc(100vw - 68px))}
.tiger-tooltip .monkey-population{margin-bottom:8px}
.tiger-tooltip .monkey-tooltip-photo{transform:scaleX(-1)}
.tiger-population-count{display:inline-block;min-width:5ch;text-align:right;font-variant-numeric:tabular-nums}
.tiger-population-source,.monkey-population-source{display:block;margin-top:8px;color:var(--muted);font-size:.5625rem;line-height:1.5}
@media(max-width:620px){.tiger-tooltip{left:18px;width:calc(100vw - 36px)}}
@media(max-width:420px){.monkey-tooltip{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px}.monkey-tooltip-photo{width:88px;height:88px}}
.monkey-population-visible{display:inline-flex;align-items:baseline;gap:.38em;white-space:nowrap}.monkey-population-count{display:inline-block;min-width:5ch;text-align:right;font-variant-numeric:tabular-nums}
:is([data-theme="night"],[data-theme="rain"]) .monkey-population{color:#ff8983}
.collection-header{padding-top:0}.collection-header h1{margin-top:0;margin-bottom:18px}.collection-header .eyebrow{margin-bottom:12px}
:is(.photography-heading-copy,.ux-heading-copy) h1{margin-bottom:10px}
@media(min-width:621px){main.collection{padding-top:50px}main.reading{padding-top:98px}}
@media(max-width:620px){.weather-control{top:max(10px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}.collection .page-kicker{padding-right:80px}.reading .back-link{max-width:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){.weather-bar button svg{transition:none}.weather-bar button:hover svg{transform:none}}
:root{--tiger-ink:#21614c;--name-ink:#174833}
[data-theme="night"]{--tiger-ink:#8dccad;--name-ink:#ffffff}
[data-theme="rain"]{--tiger-ink:#b4cb92;--name-ink:#b6d7a6}
.logo-tiger img{transition:filter .3s}
[data-theme="night"] .logo-tiger img{filter:brightness(1.14) saturate(.8)}
[data-theme="rain"] .logo-tiger img{filter:brightness(1.06) saturate(.9)}

/* A centre-out reveal: a short horizontal line opens into the full tooltip. */
.monkey-tooltip{box-shadow:0 3px 12px #16281e08,0 14px 40px #16281e16}
:is([data-theme="night"],[data-theme="rain"]) .monkey-tooltip{box-shadow:0 10px 36px #0004,0 0 30px #dceee210}
.monkey-tooltip:not([hidden]){animation:monkey-tv-open 440ms cubic-bezier(.2,.75,.25,1) backwards;transform-origin:center}
@keyframes monkey-tv-open{
  0%{clip-path:inset(49.6% 49.6% round 2px);opacity:.45}
  30%{clip-path:inset(49.3% 0 round 2px);opacity:1}
  78%{clip-path:inset(0 round 14px);opacity:1}
  100%{clip-path:inset(-48px round 14px);opacity:1}
}
@media(prefers-reduced-motion:reduce){.monkey-tooltip:not([hidden]){animation:none}}

:is([data-theme="night"],[data-theme="rain"]) .photo-location{color:var(--night-muted)}

@media(max-width:1200px){
  main.collection,main.reading{padding-top:110px}
  .collection-header.photography-heading{padding-top:0}
  .weather-control{top:max(10px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}
  .rope-monkey{width:80px;height:80px}
}
/* Long conservation labels must fit beside the image on narrow phones. */
@media(max-width:360px){
  .monkey-tooltip{grid-template-columns:64px minmax(0,1fr);gap:10px}
  .monkey-tooltip-photo{width:64px;height:64px}
}