.journey-book[data-folio="darwin"]{--dw-green:#344f42;--dw-rule:#9b9c86;--dw-brass:#b09961;--dw-felt:#314b41;--dw-bone:#f5eddb}
.dw-ledger,.dw-meta,.dw-front-plate figcaption,.dw-plate figcaption,.dw-drawer-tag{font:600 9px/1.6 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.dw-ledger,.dw-front-plate figcaption,.dw-plate figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dw-ledger{color:var(--dw-green);border-block:3px double var(--dw-rule);padding:8px 0 6px}
.dw-ledger span:last-child{text-align:right}
.dw-title{text-align:center;margin:clamp(15px,2.9vw,48px) auto clamp(17px,2vw,30px)}
.dw-title p{font:italic 400 clamp(19px,2vw,31px)/1 var(--book-display);color:var(--dw-green);margin:0 0 .45em}
.dw-title h1,.dw-worktable h2{font:400 clamp(40px,6vw,94px)/1 var(--book-display);letter-spacing:-.053em;margin:0}
.dw-title h1 em{font-weight:400;color:var(--dw-green)}
.dw-front-plate,.dw-plate{margin:0;min-width:0}
.dw-front-plate img,.dw-plate img{width:100%;height:auto;display:block;object-fit:cover}
.dw-front-plate img{aspect-ratio:2.65;object-position:50% 58%;border:1px solid var(--dw-rule);outline:1px solid #eee4ce;outline-offset:-5px}
.dw-front-plate figcaption{font-size:8px;color:#5a685a;border-bottom:1px solid var(--dw-rule);padding:8px 0}
.dw-lede{display:grid;grid-template-columns:auto minmax(0,690px);gap:clamp(18px,3vw,50px);align-items:baseline;justify-content:center;margin:clamp(24px,4vw,66px) 0}
.dw-meta{color:var(--dw-green)}
.dw-lede p{font:400 clamp(24px,2.6vw,40px)/1.19 var(--book-display);letter-spacing:-.03em;margin:0;text-wrap:pretty}
.dw-cabinet{margin:0 auto clamp(40px,5vw,80px);border:3px double #747867;padding:clamp(12px,2.2vw,36px);background:linear-gradient(115deg,#f3eddc,#e9e1c9);box-shadow:inset 0 0 0 3px #faf5e6}
.dw-cabinet-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:clamp(14px,1.7vw,24px)}
.dw-cabinet-head h2{font:400 clamp(29px,3.4vw,54px)/1.05 var(--book-display);letter-spacing:-.045em;color:var(--dw-green);margin:4px 0 0}
.dw-cabinet-head p{font:italic 15px/1.5 Georgia,serif;color:#526153;margin:0}
.dw-drawers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(8px,1vw,17px)}
.dw-drawer{border:1px solid #526253;background:#f5efdd}
.dw-drawer summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 6px 11px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#617562,#425f50);color:#faf3df;outline-offset:2px}
.dw-drawer summary::-webkit-details-marker{display:none}
.dw-drawer summary::before{content:'';position:absolute;inset:4px;border:1px solid #bbc39f77;z-index:-1;pointer-events:none}
.dw-drawer summary:focus-visible,.dw-drawer button:focus-visible{outline:3px solid #af5c36}
.dw-drawer summary:hover{background:radial-gradient(ellipse at 50% 30%,#71856f,#425f50)}
.dw-drawer-tag{font-size:8px;color:#efe0b3}
.dw-drawer summary svg{width:clamp(65px,7vw,105px);height:auto;display:block;color:#263e33;margin:6px 0 3px;filter:drop-shadow(0 1px 1px #1d352c)}
.dw-drawer strong{font:400 clamp(21px,2.15vw,34px)/1.05 var(--book-display);letter-spacing:-.03em}
.dw-drawer-locus{font:italic 12px/1.4 Georgia,serif;margin:4px 0;color:#e8e9d5}
.dw-pull{display:block;margin:5px 0 0;width:29px;height:10px;border:2px solid #d9c58e;border-radius:2px 2px 14px 14px;box-shadow:0 2px 2px #24352a}
.dw-drawer[open] .dw-pull{transform:translateY(1px);border-color:#f2d596}
.dw-drawer-body{padding:clamp(12px,1.7vw,23px)}
.dw-drawer[open] .dw-drawer-body{animation:dw-unfold .22s ease-out}
@keyframes dw-unfold{from{transform:translateY(-3px);opacity:.65}to{transform:none;opacity:1}}
.dw-drawer-body h3{font:italic 400 clamp(21px,1.8vw,29px)/1.13 var(--book-display);color:var(--dw-green);letter-spacing:-.015em;margin:0 0 6px}
.dw-drawer-body p{font:15px/1.55 Georgia,serif;color:#344640;margin:0 0 9px}
.dw-drawer-body button{display:block;background:transparent;border:0;border-top:1px solid #aea78d;margin:12px 0 0;padding:10px 0 2px;text-align:left;font:italic 14px Georgia,serif;color:var(--dw-green);cursor:pointer}
.dw-entry .dw-ledger{border-bottom:0;padding:9px 0 13px;color:var(--dw-green)}
.dw-spread{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(18px,2.9vw,52px);align-items:center}
.dw-entry:nth-child(even) .dw-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.dw-entry:nth-child(even) .dw-plate{grid-column:2}
.dw-entry:nth-child(even) .dw-copy{grid-column:1;grid-row:1}
.dw-plate img{aspect-ratio:1.45;border:1px solid var(--dw-rule)}
.dw-plate figcaption{justify-content:flex-start;gap:6px;font-size:8px;color:#59675b;margin-top:7px}
.dw-plate figcaption i{width:17px;height:1px;background:var(--dw-brass)}
.dw-entry-3 .dw-spread{display:block}
.dw-entry-3 .dw-plate img{aspect-ratio:2.8;object-position:50% 43%}
.dw-entry-3 .dw-copy{margin:clamp(17px,2.4vw,36px) auto 0;max-width:67ch}
.dw-entry-4 .dw-spread{padding:clamp(12px,1.6vw,23px);border:1px solid var(--dw-rule);background:#eae9d8}
.dw-entry-4 .dw-plate img{aspect-ratio:1.18}
.dw-entry-5 .dw-plate img{aspect-ratio:1.2}
.dw-coda{border:3px double var(--dw-rule);background:linear-gradient(105deg,#e5e6d2,#f5efdf);padding:clamp(12px,2.2vw,36px);margin:0 auto clamp(35px,5vw,80px)}
.dw-coda .dw-ledger{border-top:0;border-bottom:1px solid var(--dw-rule);padding-top:0}
.dw-worktable{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:clamp(16px,3.5vw,68px);align-items:center;padding:clamp(15px,2.2vw,36px) 0 0}
.dw-tray{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:3px double #999579;padding:5px;transform:rotate(-3deg);background:#a69a7b;box-shadow:3px 5px 0 #a7a19180}
.dw-tray>div{display:flex;flex-direction:column;align-items:center;background:#ede7d4;padding:6px}
.dw-tray>div:last-child{grid-column:1/-1}
.dw-tray svg{display:block;width:100%;height:70px;color:#485445}
.dw-tray i{height:5px;background:#fff9de;width:23px;border-bottom:1px solid #968e71}
.dw-worktable h2{font-size:clamp(31px,3.5vw,57px);margin:0 0 .25em}
.dw-worktable .dw-meta{margin:0 0 6px}
.dw-worktable p:not(.dw-meta){font:16px/1.55 Georgia,serif;color:#3d4b43;margin:0 0 .65em}
.dw-timeline .timeline-node{border-radius:0;background:#f6efd9;transform:rotate(45deg);border-color:#697b66}
.dw-timeline .timeline-line button[aria-current] .timeline-node{transform:rotate(45deg);background:var(--dw-green);outline-color:var(--dw-green);border-color:var(--dw-green)}
@media(max-width:700px){
 .dw-title{margin:13px 0 17px}.dw-title h1{font-size:clamp(38px,8.5vw,59px)}
 .dw-front-plate img{aspect-ratio:1.65}.dw-lede{display:block;margin:22px 0}.dw-lede p{margin-top:4px;font-size:24px}
 .dw-cabinet-head{display:block}.dw-cabinet-head p{margin-top:5px}.dw-drawers{grid-template-columns:1fr}
 .dw-drawer summary{display:grid;grid-template-columns:48px 1fr 28px;grid-template-rows:auto auto auto;align-items:center;column-gap:8px;text-align:left;padding:8px 13px}
 .dw-drawer summary svg{width:47px;margin:0;grid-column:1;grid-row:1/4}
 .dw-drawer-tag,.dw-drawer strong,.dw-drawer-locus{grid-column:2;margin:0}.dw-drawer-tag{grid-row:1;font-size:7px}.dw-drawer strong{grid-row:2;font-size:23px}.dw-drawer-locus{grid-row:3;font-size:11px}.dw-pull{grid-column:3;grid-row:1/4;width:24px}
 .dw-drawer-body p{font-size:16px}
 .dw-spread,.dw-entry:nth-child(even) .dw-spread,.dw-worktable{display:flex;flex-direction:column;align-items:stretch;gap:13px}
 .dw-plate img,.dw-entry-3 .dw-plate img,.dw-entry-4 .dw-plate img,.dw-entry-5 .dw-plate img{aspect-ratio:1.78}
 .dw-entry-3 .dw-copy{margin:0}.dw-ledger{font-size:8px;letter-spacing:.09em}
 .dw-tray{grid-template-columns:repeat(3,1fr);max-width:260px;transform:rotate(-1deg)}.dw-tray>div:last-child{grid-column:auto}.dw-tray svg{height:40px}
}
@media(prefers-reduced-motion:reduce){.dw-drawer[open] .dw-drawer-body{animation:none}}
darwin-atoll{display:block;margin-top:clamp(26px,4vw,64px);color:#234956}
.reef-plate{margin:0;padding:clamp(16px,3vw,42px);background:#f2eddf}.reef-folio,.reef-key,.reef-credit,.reef-controls small{font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.reef-folio{display:flex;justify-content:space-between;color:#8e4432}.reef-plate h4{font:400 clamp(29px,4vw,62px)/1.03 var(--book-display);letter-spacing:-.04em;margin:.3em 0 .45em}.reef-plate em{color:#963d2a}.reef-plate svg{display:block;width:100%;height:auto}.reef-key,.reef-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.reef-key{padding:12px 0;color:#506162;font-size:9px}.reef-key span:before{content:'';display:inline-block;width:12px;height:6px;background:#a4ae9e;margin-right:6px}.reef-key span:nth-child(2):before{background:repeating-linear-gradient(130deg,#a56f59 0 1px,#e6d4b9 1px 3px)}.reef-key span:nth-child(3):before{background:#a44430}
.reef-controls{gap:6px;margin-block:12px}.reef-controls button{border:1px solid #9ba598;border-radius:2px;color:#254450;background:transparent;padding:9px 12px;cursor:pointer;font:15px Georgia,serif}.reef-controls small{font-size:9px}.reef-controls button[aria-pressed=true]{background:#244853;color:#fff5df}.reef-controls .reef-play{margin-left:auto;color:#883b2b}.reef-plate figcaption{display:block;font:17px/1.5 Georgia,serif;max-width:62ch;margin-top:18px;min-height:4.5em}.reef-plate figcaption strong{display:block;font:italic 23px var(--book-display)}.reef-credit{font-size:9px;color:#5a6b68;margin-top:12px}
@media(max-width:620px){.reef-controls button{padding:8px;font-size:13px}.reef-controls .reef-play{margin-left:0}.reef-plate figcaption{min-height:6em}}