@font-face{font-family:Archive;src:local('Arial');font-display:swap}
:root{--paper:#eceee9;--ink:#252b27;--muted:#626b62;--line:#aab1a7;--green:#536749;--ease:cubic-bezier(.22,1,.36,1);--pad:clamp(18px,2.55vw,72px);font-family:Archive,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}h1,p{margin:0}h1:focus,main:focus{outline:none}::selection{background:#cad4bc;color:var(--ink)}
.header{padding:29px var(--pad) 23px}.header nav{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.header a{font-size:12px;letter-spacing:.015em;text-transform:uppercase;width:fit-content}.header a:nth-child(2){justify-self:center}.header a:last-child{justify-self:end}.nav-dot{display:inline-block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;margin:0 0 1px 6px}.header a:hover,.footer a:hover,.back-link:hover{color:var(--green)}
main{padding:0 var(--pad);min-height:calc(100vh - 230px)}.hero-title{white-space:nowrap;letter-spacing:-.074em;font-size:9.3vw;line-height:1.04;font-weight:500;margin:28px 0 37px;transform:scaleY(1.18);transform-origin:left center}.index-meta{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:15px 0 25px;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.index-meta>span:nth-child(2){justify-self:center}.index-meta>span:last-child{justify-self:end}.living-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin:0 8px 1px 0}.archive-list{border-top:1px solid var(--line)}
.genus-row{display:grid;grid-template-columns:7% minmax(0,1fr) 15% 16% 125px;align-items:center;min-height:84px;position:relative;border-bottom:1px solid var(--line);transition:background .4s var(--ease),opacity .35s var(--ease);isolation:isolate}.genus-row:before{content:'';position:absolute;inset:-1px calc(var(--pad)*-1);background:#e0e5da;transform:scaleY(.84);opacity:0;z-index:-1;transition:transform .45s var(--ease),opacity .4s var(--ease)}.row-number{font-size:11px;align-self:center;font-variant-numeric:tabular-nums}.genus-name{font-size:clamp(26px,3.18vw,80px);line-height:1;text-transform:uppercase;letter-spacing:-.052em;transform-origin:left center;transition:transform .45s var(--ease)}.family,.row-action,.taxon-type{font-size:10px;text-transform:uppercase;letter-spacing:.025em}.row-action{display:flex;align-items:center;gap:25px}.arrow{font-size:21px;transition:transform .4s var(--ease)}.preview{display:block;width:94px;height:59px;justify-self:end;position:relative;overflow:hidden;background:#d2d9c9;transform-origin:right center;transition:transform .45s var(--ease)}.preview img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08) translate(var(--image-x,0),var(--image-y,0));transition:transform .45s var(--ease)}.image-fallback{font-size:10px;text-transform:uppercase;position:absolute;inset:0;align-content:center;text-align:center}
@media(hover:hover) and (pointer:fine){.genus-row:hover:before{opacity:1;transform:scaleY(1.08)}.genus-row:hover{z-index:1}.genus-row:hover .genus-name{transform:translateX(6px) scale(1.018)}.genus-row:hover .preview{transform:scale(1.26)}.genus-row:hover .arrow{transform:translate(3px,-3px)}.archive-list:has(.genus-row:hover) .genus-row:not(:hover){opacity:.56}}
.genus-row:focus-visible:before{opacity:1;transform:scaleY(1.04)}.index-bottom{display:flex;justify-content:space-between;padding:19px 0 36px;font-size:10px;text-transform:uppercase;letter-spacing:.015em;color:var(--muted)}.index-bottom>span:last-child span{font-size:19px;margin-left:32px;color:var(--ink)}
.footer{border-top:1px solid var(--line);margin:26px var(--pad) 0;padding:25px 0 27px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:20px;font-size:10px;text-transform:uppercase;line-height:1.8}.footer nav{display:flex;flex-direction:column;align-items:flex-start}.wordmark{font-weight:600;letter-spacing:-.025em}.wordmark span{margin-left:16px}.copyright{justify-self:end}.back-link{display:inline-flex;gap:13px;align-items:center;font-size:10px;text-transform:uppercase;margin:28px 0 34px}.back-link:first-letter{font-size:18px}.detail-title{font-size:clamp(48px,10.6vw,260px);text-transform:uppercase;line-height:.96;font-weight:500;letter-spacing:-.068em;overflow-wrap:anywhere}.genus-intro{display:grid;grid-template-columns:1fr 1.4fr .6fr;gap:28px;padding:30px 0 47px;align-items:start}.eyebrow{font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:.04em}.genus-intro p{max-width:370px;font-size:15px;line-height:1.5}.genus-intro>span:last-child{text-align:right}.list-heading{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-list{list-style:none;padding:0;margin:0}.product-row{display:grid;grid-template-columns:7% 1fr 15% 125px;min-height:84px;align-items:center;border-bottom:1px solid var(--line);gap:12px;transition:background .4s var(--ease)}.product-title{font-size:clamp(19px,2.1vw,45px);letter-spacing:-.035em;overflow-wrap:anywhere;padding:17px 0}.product-row:hover{background:#e2e6dc}.product-row .preview{width:80px;height:51px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 0}.detail-bottom p{font-size:11px;line-height:1.6;color:var(--muted);max-width:360px}.scroll-hint{position:fixed;top:14px;left:50%;transform:translate(-50%,-60px);font-size:10px;background:var(--ink);color:var(--paper);padding:12px 18px;transition:transform .4s var(--ease);pointer-events:none;text-transform:uppercase;z-index:10}.scroll-hint.visible{transform:translate(-50%,0)}
.info-page{min-height:68vh}.info-page .detail-title{font-size:clamp(48px,8.6vw,210px)}.info-content{border-top:1px solid var(--line);margin-top:50px;padding-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.info-content p{max-width:620px;font-size:clamp(19px,2.2vw,30px);line-height:1.35;letter-spacing:-.025em}.text-link{grid-column:2;font-size:11px;text-transform:uppercase;margin:20px 0 55px}.text-link span{margin-left:30px;font-size:18px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:20;background:var(--ink);color:var(--paper);padding:12px}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.noscript{padding:30px}
@media(min-width:1800px){.genus-row{min-height:clamp(110px,6.5vw,165px)}.preview{width:125px;height:78px}.genus-row{grid-template-columns:7% minmax(0,1fr) 15% 16% 155px}.header a{font-size:14px}.index-meta,.family,.row-action,.row-number,.footer,.index-bottom{font-size:12px}}
@media(max-width:1050px){.genus-row{grid-template-columns:7% minmax(0,1fr) 14% 15% 95px}.genus-name{font-size:3.7vw}.row-action{gap:10px}.preview{width:78px;height:50px}.product-row{grid-template-columns:6% 1fr 12% 85px}.index-meta>span:nth-child(2){font-size:9px}.footer{grid-template-columns:1.4fr 1fr 1fr auto}}
@media(max-width:650px){.header{padding-top:23px}.header a{font-size:9px;letter-spacing:-.02em}.nav-dot{display:none}.hero-title{font-size:8.8vw;letter-spacing:-.075em;margin:36px 0 34px;transform:scaleY(1.45)}.index-meta{grid-template-columns:1fr auto;font-size:9px;padding-bottom:18px}.index-meta>span:nth-child(2){display:none}.genus-row{grid-template-columns:30px minmax(0,1fr) 72px;grid-template-rows:1fr 1fr;min-height:91px}.row-number{grid-column:1;grid-row:1/3}.genus-name{grid-column:2;grid-row:1;font-size:clamp(20px,5.5vw,35px);align-self:end;padding-bottom:3px}.family{grid-column:2;grid-row:2;align-self:start;padding-top:5px;font-size:8px}.row-action{display:none}.genus-row .preview{grid-column:3;grid-row:1/3;width:64px;height:45px}.index-bottom{font-size:8px;padding-bottom:26px}.index-bottom>span:last-child span{margin-left:5px}.footer{grid-template-columns:1fr 1fr;row-gap:25px;font-size:9px;margin-top:20px}.footer nav:first-of-type{grid-column:2}.footer .copyright{grid-column:2}.genus-intro{grid-template-columns:1fr auto;padding-bottom:32px;gap:20px}.genus-intro p{grid-row:2;grid-column:1/3;font-size:14px}.genus-intro>span:last-child{grid-column:2;grid-row:1}.detail-title{font-size:11vw}.back-link{margin-top:22px}.product-row{grid-template-columns:24px 1fr 54px;gap:8px;min-height:86px}.product-title{font-size:20px}.product-row .preview{width:48px;height:36px}.taxon-type{display:none}.list-heading{font-size:8px}.detail-bottom{align-items:start;flex-direction:column;gap:0;padding:25px 0}.detail-bottom .back-link{margin-bottom:15px}.info-content{grid-template-columns:1fr;margin-top:30px;gap:20px}.text-link{grid-column:1}.info-page{min-height:60vh}}
.transition-title{position:fixed;z-index:9;pointer-events:none;text-transform:uppercase;font-weight:500;letter-spacing:-.068em;line-height:.96;transform-origin:left top;white-space:nowrap}.genus-row.selected:before{opacity:1;transform:scaleY(1.08)}.header a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.genus-row:hover .genus-name,.genus-row:hover .preview,.genus-row:hover .arrow{transform:none}.preview img{transform:none}}