.about-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.about-title h1{font-weight:500}.about-section{margin-top:40px}.about-section h2{color:#767676;margin-bottom:12px}.about-contact{margin-top:20px}.about-page>.about-wide{max-width:780px}.about-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.about-gallery figure,.about-books figure{margin:0;min-width:0}.about-gallery figure{position:relative}.about-gallery img{display:block;width:100%;height:auto;aspect-ratio:187/201;object-fit:cover}.about-gallery figcaption{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:2px 6px;background:#fff;color:#333;font-size:14px;line-height:1.4}.experience-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:12px 0;border-bottom:0}.experience-row:first-child{padding-top:0}.experience-note{margin-top:4px}.experience-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:4px}.about-books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:20px}.about-books img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:bottom}.about-books figcaption{margin-top:12px}.about-books h3{line-height:1.45}.about-books p{margin-top:4px;line-height:1.45}.about-illustration{margin-top:48px}.about-illustration img{display:block;width:320px;max-width:100%;height:auto;margin:0 auto}.about-illustration figcaption{text-align:center;margin-top:12px}.about-page footer{margin-top:48px}@media(max-width:620px){.about-title{display:block}.about-title p{margin-top:4px}.about-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-gallery figcaption{left:8px;bottom:8px;right:8px;max-width:calc(100% - 16px)}.about-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.experience-row{grid-template-columns:1fr;gap:4px}.about-section{margin-top:32px}}
/* Solid secondary colour preserves the colour of emoji flags. */
.about-page{--accent:#a9602b;--quiet:#707070}
.about-section h2{color:#707070}
.experience-present{color:#8050b5}
.experience-note{color:#666}.experience-meta{color:#707070}.about-title>.muted{color:#707070}
.about-reading-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.about-reading-heading h2{margin-bottom:0}
.bookshelf{margin-top:12px}.bookshelf-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;padding-bottom:12px}.bookshelf-scroll:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
.bookshelf .about-books{position:relative;display:flex;align-items:flex-start;gap:24px;width:max-content;min-width:100%;margin:0;padding:24px 28px 16px;isolation:isolate}
.bookshelf .about-books::before{content:"";position:absolute;left:0;right:0;top:246px;height:16px;z-index:-1;background:linear-gradient(to bottom,#f7efe6 0 5px,#d7c2ad 5px 6px,#e9d7c5 6px 13px,#c6ab90 13px 16px);box-shadow:0 10px 16px -8px #52351c44,0 2px 2px #52351c18;border-radius:1px}
.bookshelf figure{flex:0 0 148px;width:148px;scroll-snap-align:start;perspective:850px;outline:none}
.book-cover{position:relative;height:222px;transform-style:preserve-3d;transform:translateY(-2px) rotateY(-10deg) rotateZ(-1.5deg);transform-origin:bottom center;transition:transform .7s cubic-bezier(.22,1.35,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1);box-shadow:-3px 3px 4px #0002,8px 10px 12px -6px #0004}
.bookshelf figure:nth-child(2n) .book-cover{transform:translateY(-2px) rotateY(-8deg) rotateZ(1.5deg)}
.book-cover::before{content:"";position:absolute;top:2px;bottom:2px;right:-7px;width:7px;transform-origin:left;transform:rotateY(36deg);background:repeating-linear-gradient(to right,#ece8dd 0 1px,#cfc7b8 1px 2px);border-right:1px solid #b7ae9b}
.book-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003 0,#ffffff22 3%,transparent 9%,transparent 94%,#0001 100%);border:1px solid #00000015}
.bookshelf .book-cover img{display:block;width:148px;height:222px;aspect-ratio:auto;object-fit:contain;object-position:center}
.bookshelf figure:hover .book-cover,.bookshelf figure:focus-visible .book-cover{transform:translateY(-22px) rotateX(-4deg) rotateY(12deg) rotateZ(-3deg);box-shadow:-5px 6px 8px #0002,10px 25px 24px -10px #0005}
.bookshelf figure:focus-visible .book-cover::after{outline:2px solid var(--accent);outline-offset:3px}
.bookshelf figcaption{margin-top:34px}.bookshelf h3{color:#333;transition:color .25s}.bookshelf figcaption p{color:#707070}
.bookshelf-hint{margin-top:8px;font-size:14px}
@media(max-width:620px){.bookshelf .about-books{gap:20px;padding-left:20px;padding-right:24px}.bookshelf .about-books::before{top:246px}.bookshelf-hint{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.bookshelf-scroll{scroll-behavior:auto}.book-cover,.bookshelf-controls button,.bookshelf h3{transition:none}}

[data-about-section]{scroll-margin-top:48px}

.bookshelf figure:nth-child(2n):hover .book-cover,.bookshelf figure:nth-child(2n):focus-visible .book-cover{transform:translateY(-22px) rotateX(-4deg) rotateY(12deg) rotateZ(3deg)}
@media(prefers-reduced-motion:reduce){.bookshelf figure:hover .book-cover,.bookshelf figure:focus-visible .book-cover,.bookshelf figure:nth-child(2n):hover .book-cover,.bookshelf figure:nth-child(2n):focus-visible .book-cover{transform:none}}

.book-reveal{perspective:850px}

.about-orange{color:var(--accent)}
.experience-meta{column-gap:10px}
.experience-separator{color:#707070}

@media(max-width:1199px){.about-page .project-map button{white-space:normal;text-align:left}}

.plant-layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px}.plant-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:8px 0}.plant-art-space{min-height:240px;background:#fafafa}@media(max-width:620px){.plant-layout{grid-template-columns:1fr;gap:16px}.plant-art-space{min-height:200px}}

/* Compact plant notes and a hover-switched drawing within the reading column. */
.plant-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;align-items:center}
.plant-row{display:block;padding:6px 0;outline-offset:3px}.plant-name{color:#000}.plant-row p{font-size:14px}.plant-art-space{min-height:0;background:none}.plant-art-space svg{display:block;width:100%;max-height:220px;fill:none;stroke:#626c5b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.plant-drawing[hidden]{display:none}.plant-pot{stroke:#a9602b}
/* Shelf stays fixed while the books and their captions move across it. */
.bookshelf{position:relative;isolation:isolate;margin-top:-24px}.bookshelf .about-books{padding-top:60px;padding-bottom:28px}.bookshelf .about-books::before{display:none}
.bookshelf::before{content:"";position:absolute;left:0;right:0;top:282px;height:16px;background:linear-gradient(to bottom,#f7efe6 0 5px,#d7c2ad 5px 6px,#e9d7c5 6px 13px,#c6ab90 13px 16px);box-shadow:0 10px 16px -8px #52351c44;z-index:-1}
.bookshelf-edge{position:absolute;top:20px;bottom:12px;width:28px;z-index:2;pointer-events:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#ffffff18}.bookshelf-edge-left{left:0;mask-image:linear-gradient(to right,#000,transparent)}.bookshelf-edge-right{right:0;mask-image:linear-gradient(to left,#000,transparent)}
@media(max-width:620px){.plant-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.plant-art-space{min-height:0}.plant-row p{font-size:13px}.bookshelf-edge{width:20px}}

/* Books translate independently, with generous vertical paint overflow. */
.bookshelf-scroll{overflow:visible;clip-path:inset(-100px 0 -100px 0);touch-action:pan-y;scroll-snap-type:none}
.bookshelf .about-books{transform:translateX(var(--book-offset,0px));transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}
.bookshelf.is-dragging .about-books{transition:none}
@media(prefers-reduced-motion:reduce){.bookshelf .about-books{transition:none}}

.plant-art-space{width:100%;height:220px;min-height:220px;background:#fafafa}
@media(max-width:620px){.plant-art-space{height:180px;min-height:180px}}

.bookshelf-edge{display:none}

/* A continuous photo strip inside the same beveled frame as the recap. */
.about-page>.about-gallery{gap:0;padding:8px;border:2px solid #bfbfbf;background:#bfbfbf;box-shadow:inset -2px -2px 0 #000,inset 2px 2px 0 #fff,inset -4px -4px 0 #808080,inset 4px 4px 0 #dbdbdb}
.about-gallery figcaption{left:6px;right:6px;bottom:8px;max-width:calc(100% - 12px);font-size:12px;padding:2px 4px}
@media(max-width:620px){.about-page>.about-gallery{gap:0;padding:6px}}

.about-shoutouts{color:#111}.about-shoutouts .shoutout-muted{color:#707070}

/* Swipe the framed photo strip on small screens. */
@media(max-width:620px){.about-page>.about-gallery{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;-webkit-overflow-scrolling:touch}.about-gallery figure{scroll-snap-align:start}.about-gallery figcaption{font-size:14px}}

/* Native horizontal swipes leave vertical page scrolling available. */
@media(max-width:620px){.bookshelf-scroll{overflow-x:auto;overflow-y:hidden;clip-path:none;touch-action:pan-x pan-y;scroll-snap-type:x proximity;scroll-padding-left:16px;overscroll-behavior-x:contain}.bookshelf .about-books{transform:none;transition:none;padding-left:16px;padding-right:16px;gap:20px}.bookshelf figure{scroll-snap-align:start}.about-page>.about-gallery{grid-auto-columns:78%;touch-action:pan-x pan-y}}

/* Original plant portrait with selectable family members. */
.plant-family-heading,.plant-family-details{max-width:580px;margin-left:auto;margin-right:auto}.plant-family-heading h2{margin-bottom:5px}.plant-family-hint{font-size:12px}.plant-mobile-hint{display:none}.plant-family-gallery{display:grid;grid-template-columns:1.12fr .88fr .88fr 1.12fr;align-items:end;gap:0;margin:20px 0 12px}.plant-family-card{position:relative;display:block;min-width:0;padding:0 0 12px;background:none;border:0;color:#707070;cursor:pointer;text-align:center;touch-action:pan-x pan-y}.plant-family-art{display:block;width:100%;height:330px;overflow:hidden;transform-origin:50% 90%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.plant-family-label{display:inline-block;font:12px/1.6 ui-sans-serif,system-ui,sans-serif;padding:3px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.plant-family-card.is-selected .plant-family-label{color:#222;border-color:#a9602b}.plant-family-card.is-selected .plant-family-art{transform:translateY(-5px) rotate(-1.5deg)}.plant-family-card:nth-child(even).is-selected .plant-family-art{transform:translateY(-5px) rotate(1.5deg)}.plant-family-card:focus-visible{outline:1px dotted #a9602b;outline-offset:3px}.plant-family-details{min-height:110px;padding-top:12px;border-top:1px solid #eee}.plant-family-panel h3{display:inline;font-weight:500;margin-right:8px}.plant-family-panel .plant-family-species{display:inline;color:#707070;font-size:12px}.plant-family-panel>p:last-child{margin-top:6px}.plant-family-panel[hidden]{display:none}.plant-family-panel:focus-visible{outline:1px dotted #a9602b;outline-offset:4px}
@media(max-width:620px){.plant-desktop-hint{display:none}.plant-mobile-hint{display:inline}.plant-family-gallery{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;gap:12px;margin-top:12px;padding:8px 0 10px;touch-action:pan-x pan-y}.plant-family-card{flex:0 0 76%;scroll-snap-align:center}.plant-family-art{height:330px}.plant-family-details{min-height:120px}.plant-family-card.is-selected .plant-family-art,.plant-family-card:nth-child(even).is-selected .plant-family-art{transform:none}}
@media(prefers-reduced-motion:reduce){.plant-family-art,.plant-family-label{transition:none}.plant-family-card.is-selected .plant-family-art,.plant-family-card:nth-child(even).is-selected .plant-family-art{transform:none}}

.plant-family-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plant-family-art{object-fit:contain;object-position:center bottom}@media(max-width:620px){.plant-family-gallery{gap:16px}}

/* Slight overlap, with no selected plant until interaction. */
@media(min-width:621px){.plant-family-gallery{display:flex;gap:0}.plant-family-card{flex:0 0 calc((100% + 20px)/3)}.plant-family-card+.plant-family-card{margin-left:-10px}}
.plant-family-card:hover,.plant-family-card:focus-visible{z-index:1}.plant-family-details:has(.plant-family-panel:not([hidden])){border-top-color:#eee}.plant-family-details:not(:has(.plant-family-panel:not([hidden]))){border-top-color:transparent}
@media(max-width:620px){.plant-family-gallery{gap:0}.plant-family-card+.plant-family-card{margin-left:-10px}}

.plant-family-panel .reveal-pending,.plant-family-panel .reveal-visible,.plant-family-panel .reveal-word{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;filter:none!important;clip-path:none!important}

.plant-family-gallery{position:relative;left:-10px}

/* Size each card to its drawing rather than an equal-width column. */
.plant-family-gallery{display:flex;justify-content:center;gap:0}.plant-family-card{flex:0 0 auto;width:auto}.plant-family-art{width:auto;height:330px;max-width:none}.plant-family-card+.plant-family-card{margin-left:-10px}
@media(max-width:620px){.plant-family-gallery{justify-content:flex-start}.plant-family-art{height:330px}}

@media(min-width:621px){.plant-family-art{height:300px}}

.plant-family-panel .plant-detail-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;line-height:1.65}.plant-detail-name{color:#111;font-weight:500}

/* Reserve only two lines for plant details, keeping hover layout stable. */
.plant-family-details{min-height:0;height:calc(2 * 1.65 * 14px + 13px);padding-top:12px}

.plant-family-panel .plant-detail-copy{font-size:12px;line-height:1.65}.plant-family-details{height:calc(2 * 1.65 * 12px + 13px)}

.plant-family-idle-hint{font-size:12px;line-height:1.65;margin:0}.plant-family-details:has(.plant-family-panel:not([hidden])) .plant-family-idle-hint{display:none}

.plant-family-heading .plant-family-details{padding-top:0;border-top:0;height:calc(2 * 1.65 * 12px);margin-top:5px}

.about-page .about-section,.about-page footer{margin-top:64px}

/* Three notes share one stable reading panel. */
.about-note-tablist{display:flex;gap:24px;margin-bottom:18px;border-bottom:1px solid #eee}.about-note-tablist button{position:relative;padding:0 0 10px;border:0;background:none;font:inherit;color:#767676;cursor:pointer;white-space:nowrap}.about-note-tablist button[aria-selected="true"]{color:#111}.about-note-tablist button[aria-selected="true"]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#a9602b}.about-note-tablist button:hover{color:#a9602b}.about-note-tablist button:focus-visible{outline:1px dotted #a9602b;outline-offset:4px}.about-note-panels{display:grid;align-items:start}.about-note-panel{grid-area:1/1;min-width:0}.about-note-panel[aria-hidden="true"]{visibility:hidden;pointer-events:none}.about-note-tabs:not(.notes-ready) .about-note-panel+.about-note-panel{visibility:hidden}.about-note-panel .about-contact{margin-top:20px}.about-note-panel p{margin-top:0}.about-note-panel:focus-visible{outline:1px dotted #a9602b;outline-offset:4px}@media(max-width:620px){.about-note-tablist{gap:20px}.about-note-tablist button{font-size:12px;min-height:36px;padding-bottom:9px}}

.about-note-panel>p+p:not(.about-contact){margin-top:16px}

/* Only the active note contributes to the page height. */
.about-note-panels{display:block}.about-note-panel[aria-hidden="true"],.about-note-tabs:not(.notes-ready) .about-note-panel+.about-note-panel{display:none}

/* Notes align like the experience rows: labels left, reading content right. */
.about-note-tabs{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:start}.about-note-tablist{flex-direction:column;align-items:flex-start;gap:16px;margin:0;border:0}.about-note-tablist button{padding:0;min-height:0;text-align:left;line-height:1.65}.about-note-tablist button[aria-selected="true"]::after{display:none}.about-note-panels{min-width:0}.about-note-tablist button[aria-selected="true"]{color:#111}
@media(max-width:620px){.about-note-tabs{grid-template-columns:88px minmax(0,1fr);gap:16px}.about-note-tablist{gap:12px}.about-note-tablist button{font-size:12px;padding:3px 0;min-height:28px}}

/* Clip the translated book strip without enlarging the page scroll area. */
@media(min-width:621px){.bookshelf-scroll{overflow-x:clip}}

/* Align the visible drawings, accounting for transparent PNG bottom margins. */
.plant-family-gallery{align-items:flex-end;--plant-art-height:300px}.plant-family-art[src$="plant-usman.png"]{margin-bottom:calc(var(--plant-art-height) * -.066377)}.plant-family-art[src$="plant-kayee-bruno.png"]{margin-bottom:calc(var(--plant-art-height) * -.016171)}.plant-family-art[src$="plant-ofiare.png"]{margin-bottom:calc(var(--plant-art-height) * -.016827)}@media(max-width:620px){.plant-family-gallery{--plant-art-height:330px}}
/* My Plants (desktop): the heading and plant notes sit in the text column; a smaller family portrait sits to their right. */
@media(min-width:621px){
.plant-family{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:32px;align-items:end;padding-left:100px;box-sizing:border-box}
.plant-family .plant-family-heading{max-width:none;margin:0;align-self:end;padding-bottom:12px}
.plant-family .plant-family-details{max-width:none;margin:0;min-height:140px}
.plant-family .plant-family-panel .plant-detail-copy{display:block;-webkit-line-clamp:unset;overflow:visible}
.plant-family .plant-family-gallery{margin:0}
.plant-family .plant-family-gallery{--plant-art-height:210px}
.plant-family .plant-family-art{height:210px}
}
/* Wide screens: My Plants becomes a small fixed panel in the right margin, mirroring the section index on the left, with the plants standing just above the bottom edge of the screen. */
@media(min-width:1240px){
.about-page>.plant-family{position:fixed;top:auto;bottom:26px;right:24px;transform:none;width:200px;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;z-index:9}
.about-page>.plant-family .plant-family-heading{display:contents}
.about-page>.plant-family .plant-family-heading h2{order:1;margin:0 0 6px}
.about-page>.plant-family .plant-family-gallery{order:3;margin:0}
/* Text sits right under the heading; room is reserved for the longest plant note so nothing moves on hover. */
.about-page>.plant-family .plant-family-details{order:2;min-height:95px;padding:0 0 10px;border-top:0}
.about-page>.plant-family .plant-family-gallery{--plant-art-height:96px}
.about-page>.plant-family .plant-family-art{height:96px}
.about-page>.plant-family .plant-family-card{padding-bottom:0}
}