@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');

:root{font-family:Arial,Helvetica,sans-serif;color:#f4f5e9;background:#164658;font-synthesis:none;--ink:#183626;--mint:#b5d7bd;--mono:'DM Mono','Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;min-width:320px;background:linear-gradient(145deg,rgba(13,48,65,.27),rgba(19,54,67,.43)),url('assets/water.jpg') center/cover fixed;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff49b;outline-offset:5px;z-index:5}button{border:0}a{ text-underline-offset:4px}button:disabled{cursor:default} [hidden]{display:none!important}.site-shell{max-width:1440px;margin:0 auto;padding:23px 44px 20px}.outside-note,.under-site{display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:.02em;text-shadow:0 1px 3px #193d46}.outside-note{padding:0 2px 13px;color:#e4eeea}.masthead{position:relative;overflow:hidden;min-height:187px;padding:26px 37px 24px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(22,45,49,.18),rgba(29,49,47,0)),url('assets/sky.jpg') center 48%/cover;border:1px solid #c6d8c891;box-shadow:0 2px 10px #092d3d66}.wordmark{position:relative;align-self:flex-start;color:white;font-size:clamp(64px,7.4vw,112px);font-weight:700;letter-spacing:-6px;line-height:.99;text-decoration:none;text-shadow:0 3px 4px #233e3c9c}.wordmark-dot{color:#d9f3c5}.masthead p{margin:15px 0 0 3px;font:11px var(--mono);color:#fff;text-shadow:0 1px 4px #102c37}.header-star{position:absolute;right:38px;top:35px;font-size:51px;line-height:1;color:#edf0c8;text-shadow:0 2px 5px #284b54aa;transform:rotate(15deg)}.mint-rule{height:10px;background:linear-gradient(#b7ddbe 0%,#8eb99e 55%,#5a8c75 60%,#9bc3a6);border-top:1px solid #e7f4d8;border-bottom:2px solid #143e31}.toolbar{background:#c6d8bc;color:#233e30;min-height:43px;display:flex;justify-content:space-between;align-items:center;padding:9px 22px;gap:15px;font:10px var(--mono);border-bottom:1px solid #42634d}.toolbar a{text-decoration:none}.toolbar a:hover{text-decoration:underline}.toolbar>div{display:flex;gap:24px;align-items:center}.home-link{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#5d8453;box-shadow:0 0 0 3px #a7c09e;border-radius:50%}.soundless{background:none;padding:4px 0;font:inherit}.soundless:hover{text-decoration:underline}.collections{display:flex;min-height:527px;background:#173a31;border-bottom:1px solid #294733;gap:2px;overflow:hidden}.collection{--tone:#1452ed;--tint:#0b37782b;--foreground:#fff;position:relative;flex:1;min-width:0;transition:flex .65s cubic-bezier(.2,.65,.2,1);display:flex;flex-direction:column;background:var(--tone);color:var(--foreground)}.collection.active{flex:2.8}.collection-photo{display:block;width:100%;height:383px;position:relative;overflow:hidden;background:#314c42;padding:0;text-align:left;color:white}.collection-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1423267a,transparent 50%),var(--tint);transition:background .5s}.collection.active .collection-photo:after{background:linear-gradient(0deg,#101b246f,transparent 50%)}.collection-photo img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .8s,filter .6s;filter:saturate(.85)}.collection.active .collection-photo img{transform:scale(1.035);filter:saturate(1.02)}.collection-number{position:absolute;z-index:1;top:18px;left:20px;font:10px var(--mono);text-shadow:0 1px 4px #193831}.collection-title{position:absolute;bottom:25px;left:20px;right:10px;z-index:1;display:block;font-weight:700;letter-spacing:-1.7px;font-size:clamp(27px,3.3vw,48px);line-height:.97;text-shadow:0 2px 4px #28302866;max-width:100%}.collection:not(.active) .collection-title{font-size:clamp(23px,2.2vw,32px);letter-spacing:-1px;line-height:1.02}.collection-title span{display:block}.photo-arrow{position:absolute;z-index:1;right:23px;top:15px;font-size:21px;opacity:.75;transform:translate(0);transition:transform .3s}.collection-photo:hover .photo-arrow{transform:translate(3px,-3px)}.collection-bottom{padding:13px 18px 12px;display:flex;gap:23px;flex:1;min-height:144px}.collection-links{flex:1;min-width:0;list-style:none;padding:0;margin:0}.collection-links li+li{border-top:1px solid currentColor;border-color:color-mix(in srgb,var(--foreground) 25%,transparent)}.collection-links a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:35px;text-decoration:none;font-size:11px;font-weight:600}.collection-links a span{opacity:.7}.collection-links a:hover{text-decoration:underline}.collection-description{flex:1;display:none}.collection.active .collection-description{display:block}.collection-description h2{font-size:15px;line-height:1.15;margin:7px 0 8px;letter-spacing:-.3px}.collection-description p{font-size:11px;line-height:1.5;margin:0;max-width:185px;opacity:.9}.collection.animals{--tone:#afc69d;--tint:#44612b3d;--foreground:#233e29}.collection.land{--tone:#ecb56c;--tint:#c2913c26;--foreground:#543d26}.collection.buildings{--tone:#c4b5d4;--tint:#72627826;--foreground:#3f324f}.notebook-line{background:#e7e7d6;color:#3d4c3e;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 25px;border-bottom:1px solid #64775c}.note-heading{display:flex;align-items:center;gap:15px;flex-shrink:0}.note-heading>span{font-size:43px;color:#6b865f}.note-heading p{font-size:15px;line-height:1.16;font-weight:600;letter-spacing:-.3px;margin:0}.notebook-line>p{font-size:12px;line-height:1.7;margin:0;flex:1;padding-left:30px}.browse-all{font:10px var(--mono);white-space:nowrap}.browse-all span{padding-left:10px;font-size:16px}.photo-drawer{background:#e9e9dd;color:#263b30;padding:34px 28px 23px;scroll-margin-top:20px}.drawer-heading{display:flex;justify-content:space-between;gap:15px}.eyebrow{font:9px var(--mono);letter-spacing:.12em;margin:0 0 12px;opacity:.7}.drawer-heading h1,.about h1{font-size:clamp(29px,4vw,51px);font-weight:600;line-height:1.05;letter-spacing:-2px;margin:0 0 10px}.drawer-heading>div>p:last-child{font-size:12px;line-height:1.6}.close-drawer{font:11px var(--mono);align-self:flex-start;background:transparent;padding:3px 0 8px}.close-drawer span{margin-left:12px;font-size:22px;vertical-align:-2px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.gallery-filters button{border:1px solid #a7b09e;padding:8px 12px;background:transparent;font:10px var(--mono);color:#3d503f}.gallery-filters button[aria-pressed=true]{background:#294a37;color:#f6f3df;border-color:#294a37}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 19px}.photo-card{margin:0;min-width:0}.photo-card button{padding:0;display:block;width:100%;overflow:hidden;background:#8b9b80;aspect-ratio:1.24}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.photo-card button:hover img{transform:scale(1.045)}.photo-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:8px;font-size:12px}.photo-card figcaption span{font:9px var(--mono);opacity:.6;white-space:nowrap}.sample-note{font:10px var(--mono);line-height:1.7;opacity:.7;margin:25px 0 0}.about{background:#e9e9dd;color:#263b30;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:48px 32px;border-top:1px solid #899a7f}.about h1{font-size:45px;max-width:430px}.about>div>p{font-size:14px;line-height:1.65;margin:0 0 20px}.about>div>.sample-note{font:10px var(--mono)}.back-home{font:11px var(--mono)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#c6d8bc;color:#344c36;padding:18px 25px;min-height:65px}.footer-brand{font-size:19px;letter-spacing:-.9px;font-weight:700;text-decoration:none}footer p,footer>a:last-child{font:9px var(--mono);margin:0}footer>a:last-child{opacity:.75}.under-site{color:#e6e9dfaa;margin-top:14px;font-size:9px}.skip{position:fixed;top:-100px;left:20px;background:#e6f5b5;color:#203226;padding:15px;z-index:10}.skip:focus{top:10px}.no-js{padding:15px;text-align:center}.lightbox{border:0;background:#14271ef7;color:#f0f1e2;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px 30px;overflow:auto}.lightbox::backdrop{background:#0d1b15ed}.lightbox-top{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 12px;font:11px var(--mono)}.lightbox-close{background:none;padding:8px;font:11px var(--mono)}.lightbox-close span{font-size:25px;vertical-align:-3px;margin-left:15px}.lightbox-picture{height:calc(100dvh - 155px);max-width:1450px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin:auto}.lightbox-picture img{min-width:0;max-width:calc(100% - 110px);width:auto;height:auto;max-height:100%;object-fit:contain}.lightbox-prev,.lightbox-next{background:#dfe4c917;border:1px solid #dfe4c944;width:39px;height:39px;flex-shrink:0;border-radius:50%;font-size:19px}.lightbox-caption{display:flex;justify-content:space-between;max-width:1290px;gap:20px;margin:17px auto 0}.lightbox-caption h2{font-size:17px;font-weight:500;margin:0 0 6px}.lightbox-caption p,.lightbox-caption>span{font:10px var(--mono);opacity:.65;line-height:1.5;margin:0}.lightbox-caption>span{align-self:center;white-space:nowrap}body:has(.lightbox[open]){overflow:hidden}
@media(min-width:1550px){.site-shell{padding-top:35px}.masthead{min-height:215px}.collections{min-height:595px}.collection-photo{height:440px}.collection-bottom{padding-top:17px}.notebook-line{padding-top:29px;padding-bottom:29px}}
@media(max-width:1000px){.site-shell{padding:20px 24px}.collection-title{font-size:36px}.collection:not(.active) .collection-title{font-size:25px}.collection-bottom{padding:12px;gap:14px}.collection-links a{font-size:10px}.collection.active{flex:2.5}.collection-description p{font-size:10px}.notebook-line>p{padding-left:0}.browse-all{max-width:130px;white-space:normal;line-height:1.7}.masthead{min-height:170px}.wordmark{font-size:82px}}
@media(max-width:740px){.site-shell{padding:14px}.outside-note{font-size:8px}.outside-note span:last-child{font-size:0}.outside-note span:last-child span{font-size:13px}.masthead{min-height:160px;padding:25px 22px}.wordmark{font-size:72px;letter-spacing:-4px}.masthead p{font-size:9px}.header-star{right:20px;top:25px;font-size:35px}.toolbar{padding:11px 14px;font-size:9px}.toolbar>div{gap:12px}.toolbar .home-link{font-size:0}.status-dot{margin-left:3px}.collections{display:grid;grid-template-columns:1fr 1fr;gap:2px}.collection,.collection.active{min-height:0}.collection-photo{height:275px}.collection-title,.collection:not(.active) .collection-title{font-size:33px;letter-spacing:-1.3px;left:15px;bottom:22px}.collection-number{left:15px;font-size:9px}.photo-arrow{right:16px}.collection-description,.collection.active .collection-description{display:none}.collection-bottom{padding:7px 14px 10px;min-height:105px}.collection-links a{min-height:31px;font-size:10px}.notebook-line{padding:21px 17px;flex-wrap:wrap;gap:20px}.note-heading>span{font-size:37px}.note-heading p{font-size:14px}.notebook-line>p{flex:none;font-size:11px}.browse-all{max-width:none;flex-basis:100%;padding-top:12px;border-top:1px solid #a7b09e;white-space:normal}.photo-drawer{padding:27px 17px}.photo-grid{grid-template-columns:1fr 1fr;gap:21px 12px}.photo-card figcaption{font-size:11px}.photo-card figcaption span{font-size:8px}.gallery-filters{gap:5px}.gallery-filters button{font-size:9px;padding:8px}.about{grid-template-columns:1fr;gap:15px;padding:32px 20px}.about h1{font-size:37px}.about>div>p{font-size:13px}footer{padding:18px 17px;gap:10px;flex-wrap:wrap}.footer-brand{font-size:18px}footer p{display:none}footer>a:last-child{font-size:8px}.under-site{font-size:8px;line-height:1.7}.under-site span:last-child{max-width:120px;text-align:right}.lightbox{padding:12px}.lightbox-picture{height:calc(100dvh - 165px);gap:6px;position:relative}.lightbox-picture img{max-width:100%;width:100%}.lightbox-prev,.lightbox-next{position:absolute;bottom:10px;background:#14271ed9;z-index:1}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox-caption>span{display:none}}
@media(max-width:390px){.wordmark{font-size:60px}.header-star{font-size:28px;right:16px}.collection-photo{height:245px}.collection-title,.collection:not(.active) .collection-title{font-size:28px}.notebook-line>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The longer notebook title needs room on small screens. */
.outside-note{justify-content:flex-end}
.toolbar .home-link{font-size:inherit}
.photo-actions{align-self:center;text-align:right;font:10px var(--mono);line-height:1.6}.photo-actions p{margin:0 0 7px}.photo-actions a{white-space:nowrap}.empty-gallery{grid-column:1/-1;font-size:13px;padding:20px 0;color:#52634e}
@media(max-width:740px){.lightbox-caption{flex-wrap:wrap;gap:13px}.photo-actions{text-align:left}.lightbox-picture{height:calc(100dvh - 205px)}}
.note-subline{display:inline-block;margin-top:4px;font-size:12px;font-weight:400;line-height:1.7;letter-spacing:normal}
.under-site>span:only-child{max-width:none;text-align:left}
.collection.land{--tone:#a7bd90;--tint:#28492926;--foreground:#253f29}.collection.birds{--tone:#a9c8d0;--tint:#315b7026;--foreground:#233f4c}.collection.people{--tone:#d3aba0;--tint:#80564826;--foreground:#4b332e}.collection.people .collection-photo{background:#886f63}.collection-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:80px;color:#e7ddc4}.collection-placeholder small{font:10px var(--mono);letter-spacing:.02em}.collection:not(.active) .collection-title{font-size:clamp(20px,1.8vw,26px)}.collection-number{font-size:9px;left:15px}.collection-title{left:15px}
@media(min-width:741px) and (max-width:1180px){.collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.collection-photo{height:300px}.collection-title,.collection:not(.active) .collection-title{font-size:34px;letter-spacing:-1px}.collection-description,.collection.active .collection-description{display:none}.collection-bottom{min-height:120px;padding:9px 15px}.collection-links a{font-size:11px;min-height:33px}}
@media(max-width:740px){.collection-title,.collection:not(.active) .collection-title{font-size:30px}.collection-placeholder{font-size:65px}.collection-placeholder small{font-size:9px}}
@media(max-width:430px){.collection-title,.collection:not(.active) .collection-title{font-size:25px;letter-spacing:-1px}.collection-number{font-size:8px}.collection-photo{height:255px}}
.wordmark{max-width:100%;font-size:clamp(54px,7vw,102px);letter-spacing:-.055em}
@media(max-width:740px){.wordmark{font-size:clamp(42px,10vw,65px);max-width:calc(100% - 15px);line-height:1}.masthead{min-height:188px}.masthead p{max-width:240px;line-height:1.6}.header-star{font-size:25px;right:15px;top:16px}}

/* Four visible photo strips, with arrows to browse all six collections. */
.collection-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;background:#c6d8bc;color:#233e30;border-bottom:1px solid #64775c;font:10px var(--mono)}.collection-controls p{margin:0;white-space:nowrap}.collection-controls>div{display:flex;gap:8px}.collection-controls button{background:transparent;border:1px solid #8caa81;padding:8px 12px;min-height:34px;font:inherit}.collection-controls button:hover:not(:disabled){background:#b0c8a4}.collection-controls button:disabled{opacity:.35}.collection-controls button span{font-size:14px;vertical-align:-1px}
@media(min-width:1001px){.collections{display:flex;min-height:527px}.collection-photo{height:383px}.collection.active{flex:2.8}.collection-title{left:20px;font-size:clamp(32px,3.3vw,48px)}.collection:not(.active) .collection-title{font-size:clamp(25px,2.2vw,32px)}.collection-number{left:20px;font-size:10px}.collection-bottom{padding:13px 18px 12px;min-height:144px}.collection.active .collection-description{display:block}.collection-links a{font-size:11px;min-height:35px}}
@media(min-width:1550px){.collections{min-height:595px}.collection-photo{height:440px}.collection-bottom{padding-top:17px}}
@media(max-width:1000px){.collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.collection-description,.collection.active .collection-description{display:none}}
@media(max-width:500px){.collection-controls{padding:10px 12px;gap:9px;font-size:9px;flex-wrap:wrap}.collection-controls>div{margin-left:auto}.collection-controls button{padding:8px 9px}}
.collections.moving-next>.collection:not([hidden]){animation:collection-forward .3s ease-out}.collections.moving-previous>.collection:not([hidden]){animation:collection-back .3s ease-out}
@keyframes collection-forward{from{opacity:.6;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@keyframes collection-back{from{opacity:.6;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}