:root{--fragile-bg: #07110f;--fragile-panel: rgba(3, 9, 8, .44);--fragile-panel-border: rgba(255, 255, 255, .14);--fragile-text: rgba(255, 255, 255, .95);--fragile-muted: rgba(255, 255, 255, .7);--fragile-accent: #d7a96e;--fragile-fallback-image: url(/images/projects/fragile-lives/fragile-lives.webp);--fragile-title-font: "Roslindale Display", Georgia, serif;--fragile-body-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{background:var(--fragile-bg)}.fragile-lives-page{min-height:100vh;background:radial-gradient(circle at 76% 12%,color-mix(in srgb,var(--fragile-accent) 15%,transparent),transparent 34rem),radial-gradient(circle at 12% 92%,rgba(54,120,102,.22),transparent 36rem),var(--fragile-bg);color:var(--fragile-text);font-family:var(--fragile-body-font);overflow-x:hidden}.fragile-stage{position:relative;width:100%;height:100svh;min-height:100vh}.species-slider{position:relative;width:100%;height:100svh;min-height:100vh;isolation:isolate;overflow:hidden}.webgl-slider,.image-fallback{position:absolute;inset:0;z-index:-4;background:#07110f}.webgl-slider canvas{display:block;width:100%!important;height:100%!important}.sp-credit{font-family:var(--font-sans, "Inter", sans-serif);font-weight:300;font-size:clamp(.6rem,.9vw,.72rem);color:#ffffffb3;margin:0;letter-spacing:.02em;line-height:1.4;opacity:1;transform:translateY(8px);animation:sp-fade-in 2s ease forwards;animation-delay:3.2s}.sp-credit a{color:inherit;text-decoration:bold}.sp-credit a:hover{color:#fff}.image-fallback{z-index:-5;background:linear-gradient(90deg,#030908e6,#0309083d,#030908b3),var(--fragile-fallback-image) center / cover no-repeat,radial-gradient(circle at center,#35534a,#06100f 68%)}.no-webgl .webgl-slider{display:none}.no-webgl .image-fallback{z-index:-4}.shade{position:absolute;pointer-events:none;z-index:-1}.shade-left{inset:0 auto 0 0;width:min(48rem,58vw);background:linear-gradient(90deg,#030707e0,#03070761 52%,#03070700)}.shade-bottom{inset:auto 0 0;height:38vh;background:linear-gradient(0deg,#03070799,#03070700)}.slider-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(46rem,88vw);height:100svh;min-height:100vh;padding:calc(5.8rem + var(--safe-top, 0px)) clamp(1.25rem,4vw,5rem) 4.7rem;transition:opacity .22s ease,transform .22s ease}.slider-copy.is-changing{opacity:.5;transform:translateY(.55rem)}.slide-kicker,.status-codes{text-transform:uppercase;letter-spacing:.28em}.slide-kicker{position:relative;margin:0 0 .9rem;color:var(--fragile-accent);font-size:clamp(.66rem,.76vw,.76rem);font-weight:700}.slide-title{margin:0;max-width:min(55rem,86vw);font-family:var(--fragile-title-font);font-size:clamp(2.5rem,5.7vw,6.3rem);font-weight:400;line-height:.9;letter-spacing:-.038em;color:var(--fragile-text);text-wrap:balance}.slider-copy.is-cover .slide-title{max-width:min(62rem,88vw)}.slide-intro{max-width:34rem;margin:1.35rem 0 0;color:var(--fragile-muted);font-size:clamp(1rem,1.22vw,1.16rem);font-weight:400;line-height:1.65}.scientific-name{margin:.8rem 0 1.15rem;color:var(--fragile-muted);font-size:clamp(.98rem,1.14vw,1.12rem);font-style:italic;font-weight:400}.status-block{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.55rem .85rem;max-width:100%;margin-bottom:1.25rem;padding:.7rem .9rem;border:1px solid color-mix(in srgb,var(--fragile-accent) 42%,transparent);border-radius:999px;background:#00000047;box-shadow:0 0 38px color-mix(in srgb,var(--fragile-accent) 14%,transparent);backdrop-filter:blur(18px)}.status-block[hidden],.scientific-name[hidden]{display:none}.status-label{color:var(--fragile-text);font-size:clamp(.92rem,1.05vw,1.03rem);line-height:1}.status-codes{color:var(--fragile-accent);font-size:.62rem;font-weight:800}.species-note{max-width:34rem;margin:.85rem 0 0;color:var(--fragile-muted);font-size:clamp(.88rem,.98vw,.96rem);line-height:1.62}.species-note a{color:var(--fragile-accent);text-decoration:none;transition:color .18s ease}.species-note a:hover,.species-note a:focus-visible{color:var(--fragile-text)}.note-cta{display:block;margin-top:.75rem}.read-more-toggle{display:none;margin-top:.5rem;padding:0;border:0;background:none;color:var(--fragile-accent);font-family:var(--fragile-body-font);font-size:clamp(.82rem,.95vw,.92rem);font-weight:500;letter-spacing:.02em;cursor:pointer;transition:color .18s ease}.read-more-toggle:hover,.read-more-toggle:focus-visible{color:var(--fragile-text);outline:none}.species-nav{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}.species-nav-btn{display:inline-flex;align-items:center;gap:.45rem;padding:0;border:none;background:none;color:#ffffff9e;font-family:var(--fragile-body-font);font-size:clamp(.82rem,.92vw,.9rem);font-weight:400;letter-spacing:.01em;cursor:pointer;transition:color .18s ease}.species-nav-btn:hover,.species-nav-btn:focus-visible{color:var(--fragile-text);outline:none}.species-nav-btn .nav-arrow{color:var(--fragile-accent);font-weight:500;transition:transform .18s ease}.species-nav-prev:hover .nav-arrow{transform:translate(-3px)}.species-nav-next:hover .nav-arrow{transform:translate(3px)}.species-nav-btn .nav-name{transition:color .18s ease}.source-note{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(1.2rem,3vw,2.6rem);z-index:3;display:grid;gap:.38rem;width:min(24rem,calc(100vw - 2rem));padding:1rem 1.1rem;border:1px solid var(--fragile-panel-border);border-radius:1.1rem;background:var(--fragile-panel);color:var(--fragile-muted);font-size:.78rem;line-height:1.55;backdrop-filter:blur(18px);box-shadow:0 20px 70px #00000047}.source-note strong{color:var(--fragile-text);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em}.species-pagination{position:absolute;top:50%;right:clamp(1rem,2.6vw,2.4rem);z-index:4;display:grid;justify-items:center;gap:.85rem;padding:1rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:1.1rem;background:#0c14129e;backdrop-filter:blur(16px);transform:translateY(-50%);animation:pagination-enter .7s ease 1.6s both,pagination-glow 1.4s ease 2.3s both}.species-pagination button{position:relative;width:.82rem;height:.82rem;padding:0;border:0;border-radius:999px;background:#ffffff94;opacity:.54;cursor:pointer;transition:transform .22s ease,opacity .22s ease,background-color .22s ease}.species-pagination button:before{content:"";position:absolute;inset:-.55rem;border:1px solid color-mix(in srgb,var(--fragile-accent) 54%,transparent);border-radius:inherit;opacity:0;transform:scale(.7);transition:opacity .22s ease,transform .22s ease}.species-pagination button:not(.species-thumb):hover,.species-pagination button:not(.species-thumb):focus-visible{opacity:.9;transform:scale(1.12);outline:none}.species-pagination button.active:not(.species-thumb){background:var(--fragile-accent);opacity:1;transform:scale(1.16)}.species-pagination button.active:not(.species-thumb):before{opacity:1;transform:scale(1)}.species-pagination.is-thumbnails{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;backdrop-filter:none;padding:0;gap:clamp(.45rem,.85vh,.8rem);animation:none}@media(hover:hover)and (pointer:fine){.species-pagination>button:not(.species-thumb){display:none}}.species-pagination .species-thumb{position:relative;flex-shrink:0;width:clamp(1.8rem,4.4vh,3rem);height:clamp(1.8rem,4.4vh,3rem);margin:0;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;overflow:visible;opacity:0;transition:transform .3s ease,margin .3s ease,border-color .24s ease,border-width .24s ease,box-shadow .24s ease;animation:thumb-enter .5s ease forwards}.species-pagination .species-thumb:before{display:none}.species-pagination .species-thumb.is-entered{opacity:1;animation:none}.species-pagination .species-thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:0;transition:opacity .25s ease}.thumb-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-family:var(--fragile-body-font);font-size:clamp(.62rem,1.5vh,.85rem);font-weight:600;line-height:1;pointer-events:none;transition:opacity .25s ease}.species-pagination .species-thumb:hover{transform:scale(2.3);margin:clamp(1.2rem,3vh,2rem) 0;border-color:#fffffff2;border-width:1px;z-index:2}.species-pagination .species-thumb:hover img{opacity:1}.species-pagination .species-thumb:hover .thumb-number{opacity:0}.species-pagination .species-thumb:focus-visible{transform:scale(2.3);margin:clamp(1.2rem,3vh,2rem) 0;border-color:#fffffff2;border-width:1px;outline:none;z-index:2}.species-pagination .species-thumb:focus-visible img{opacity:1}.species-pagination .species-thumb:focus-visible .thumb-number{opacity:0}.species-pagination .species-thumb.active{border-color:transparent}.species-pagination .species-thumb.active .thumb-number{background-color:#f57627!important}.species-pagination .species-thumb.active:hover{transform:scale(2.3);margin:clamp(1.2rem,3vh,2rem) 0;border-color:#fffffff2;border-width:1px;z-index:2}.thumb-label{position:absolute;right:calc(100% + .25rem);top:50%;transform:translateY(-50%) translate(.4rem);transform-origin:right center;white-space:nowrap;padding:.32rem .65rem;border-radius:.5rem;background:#030908d1;backdrop-filter:blur(10px);color:#ffffffeb;font-family:var(--fragile-body-font);font-size:.72rem;font-weight:500;letter-spacing:.02em;line-height:1;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.species-thumb:hover .thumb-label,.species-thumb:focus-visible .thumb-label{opacity:1;transform:translateY(-50%) translate(0) scale(.435)}@keyframes thumb-enter{0%{opacity:0;transform:translate(1.2rem) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pagination-enter{0%{opacity:0;transform:translateY(-50%) translate(1.2rem)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes pagination-glow{0%{border-color:#ffffff1a}40%{border-color:#d7a96e8c}to{border-color:#ffffff1a}}@keyframes pagination-enter-mobile{0%{opacity:0;transform:translate(-50%) translateY(-.8rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}#site-footer{position:relative;z-index:5;background:#050908}@media(max-width:1100px){.source-note{right:auto;left:clamp(1.25rem,4vw,5rem);bottom:1.35rem;max-width:35rem}.slider-copy{width:min(40rem,86vw);padding-bottom:11rem}}@media(max-width:760px){.shade-left{width:72%;background:linear-gradient(90deg,#030707c7,#03070747,#03070700)}.slider-copy{width:100%;justify-content:flex-start;padding:calc(10.5rem + var(--safe-top, 0px)) 1.1rem 12.6rem;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.slider-copy::-webkit-scrollbar{display:none}.slide-title{font-size:clamp(2.25rem,10.8vw,4.3rem);max-width:6em}.slide-intro{margin-top:1rem;line-height:1.55}.species-note{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.species-note.is-expanded{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.read-more-toggle.is-visible{display:inline-block}.source-note{left:1rem;right:1rem;bottom:clamp(1rem,2.5vh,2.5rem);width:auto;padding:.85rem .95rem}.species-slider:has(.species-note.is-expanded) .source-note{display:none}.species-pagination{top:calc(6.2rem + var(--safe-top, 0px));right:auto;left:50%;bottom:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:.75rem;width:85vw;max-width:26rem;padding:.7rem 1rem;transform:translate(-50%);animation:pagination-enter-mobile .7s ease 1.6s both,pagination-glow 1.4s ease 2.3s both}.species-pagination button{width:1rem;height:1rem}.species-pagination button:before{inset:-.35rem}.species-nav{gap:1rem;margin-top:1.5rem}.species-nav-btn{font-size:clamp(.78rem,3.4vw,.88rem)}}@media(max-width:460px){.slide-intro,.species-note{line-height:1.52}.status-block{align-items:flex-start;flex-direction:column;border-radius:1.1rem}.source-note{font-size:.72rem}.species-pagination button{width:.88rem;height:.88rem}}@media(max-height:720px){.slider-copy{padding-top:calc(4.7rem + var(--safe-top, 0px));padding-bottom:3rem}.slide-title{font-size:clamp(2.1rem,5vw,4.9rem)}.slide-intro{margin-top:.95rem}.scientific-name{margin:.6rem 0 .85rem}.status-block{margin-bottom:.95rem;padding:.6rem .82rem}.species-note{max-width:31rem}.species-nav{margin-top:1.35rem}}@media(max-width:760px)and (max-height:720px){.slider-copy{padding-top:calc(9.8rem + var(--safe-top, 0px));padding-bottom:10rem}}@media(max-height:620px)and (orientation:landscape){.slider-copy{padding-top:calc(4.2rem + var(--safe-top, 0px));padding-bottom:2rem}.slide-title{font-size:clamp(1.9rem,4.9vw,3.8rem)}.slide-intro{max-width:30rem;font-size:.94rem}.species-note{display:none}.read-more-toggle{display:none!important}.species-nav{margin-top:1rem}.source-note{display:none}}@media(prefers-reduced-motion:reduce){.slider-copy,.species-pagination,.species-pagination button,.species-pagination button:before,.species-pagination .species-thumb,.species-pagination .species-thumb img,.thumb-number,.thumb-label,.species-nav-btn .nav-arrow{transition:none;animation:none}.species-pagination .species-thumb{opacity:1}}.species-reference{max-width:46rem;margin:0 auto;padding:3rem 1.5rem 4rem}.species-reference:empty{display:none}.species-plaque__title{font-family:var(--fragile-title-font);font-weight:400;font-size:1.35rem;line-height:1.2;color:#cdb389;margin:0 0 .2rem}.species-plaque__sci{font-style:italic;color:#8a8f8c;margin:0 0 .6rem}.species-plaque__status{font-family:var(--fragile-body-font);font-size:.85rem;letter-spacing:.02em;color:#9aa3a0;margin:0 0 1rem}.species-plaque__status-label{color:var(--fragile-accent, #d7a96e)}.species-plaque__codes{opacity:.7}.species-plaque__note{font-family:var(--fragile-body-font);font-weight:300;line-height:1.7;font-size:.95rem;color:#aeb4b1}.species-plaque__note a{color:var(--fragile-accent, #d7a96e)}