@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;background:#0e0c0a}canvas#gallery-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.frame{position:fixed;inset:0;pointer-events:none;z-index:10;padding:clamp(1.2rem,3vw,2.5rem);display:flex;flex-direction:column;justify-content:space-between}.frame__top{display:flex;justify-content:space-between;align-items:flex-start}.frame__title{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-style:italic;font-size:clamp(.9rem,2vw,1.3rem);color:#fcf1e580;letter-spacing:-.02em}.frame__hint{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.7rem,1.2vw,.85rem);color:#fcf1e547;letter-spacing:.08em;text-transform:uppercase;transition:opacity 1.6s ease}.frame__hint.is-hidden{opacity:0}.frame__bottom{display:flex;justify-content:space-between;align-items:flex-end}.frame__crisis{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.65rem,1vw,.8rem);color:#fcf1e540;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;pointer-events:all;transition:color .3s ease;border:1px solid rgba(252,241,229,.12);padding:.4em .8em;border-radius:2px}.frame__crisis:hover{color:#fcf1e599;border-color:#fcf1e540}.frame__label{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.6rem,1vw,.75rem);color:#fcf1e533;letter-spacing:.12em;text-transform:uppercase}.progress-track{position:fixed;right:clamp(1.2rem,3vw,2.5rem);top:50%;transform:translateY(-50%);width:2px;height:min(200px,30vh);background:#fcf1e50f;border-radius:1px;z-index:10}.progress-fill{width:100%;height:0%;background:#c4944a80;border-radius:1px;transition:height .1s linear}.resources{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem);overflow-y:auto;overflow-x:hidden;opacity:0;pointer-events:none;transition:opacity .8s ease;-webkit-overflow-scrolling:touch}.resources.is-visible{opacity:1;pointer-events:all}.resources__inner{max-width:540px;width:100%;display:flex;flex-direction:column;gap:clamp(1.5rem,3vh,2.5rem);padding-bottom:4rem}.resources__whisper{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-style:italic;font-size:clamp(.85rem,1.6vw,1.05rem);color:#fcf1e559;text-align:center;letter-spacing:.01em;margin-bottom:clamp(.5rem,1vh,1rem)}.resources__title{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-style:italic;font-size:clamp(1.6rem,4vw,2.6rem);color:#fcf1e5d1;text-align:center;letter-spacing:-.02em;line-height:1.2}.resources__subtitle{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.85rem,1.5vw,1rem);color:#fcf1e559;text-align:center;letter-spacing:.04em}.resource-card{background:#fcf1e50a;border:1px solid rgba(252,241,229,.08);border-radius:6px;padding:clamp(1rem,2.5vw,1.5rem);display:flex;flex-direction:column;gap:.4rem;transition:border-color .3s ease,background .3s ease}.resource-card:hover{border-color:#c4944a40;background:#fcf1e50f}.resource-card__title{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(1rem,1.8vw,1.2rem);color:#fcf1e5c7;letter-spacing:-.01em}.resource-card__desc{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.8rem,1.3vw,.9rem);color:#fcf1e566;line-height:1.5}.resource-card__link{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.75rem,1.2vw,.85rem);color:#c4944ab3;text-decoration:none;letter-spacing:.04em;margin-top:.3rem;transition:color .3s ease}.resource-card__link:hover{color:#c4944a}.resources__books{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.resources__books-title{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.75rem,1.1vw,.85rem);color:#fcf1e540;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}.resources__book{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.85rem,1.4vw,.95rem);color:#fcf1e573;line-height:1.5}.resources__book em{font-style:italic;color:#fcf1e58c}.resources__creator{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.8rem,1.3vw,.9rem);color:#fcf1e54d;line-height:1.65;text-align:center;max-width:42ch;align-self:center;margin-top:clamp(1rem,2vh,2rem);border-top:1px solid rgba(252,241,229,.06);padding-top:clamp(1.5rem,3vh,2.5rem)}.resources__share{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.8rem,1.3vw,.9rem);color:#fcf1e559;text-align:center;margin-top:.5rem}.resources__share-btn{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.75rem,1.1vw,.85rem);color:#c4944a99;background:none;border:1px solid rgba(196,148,74,.2);padding:.5em 1.2em;border-radius:3px;cursor:pointer;letter-spacing:.06em;transition:all .3s ease;margin-top:.8rem}.resources__share-btn:hover{color:#c4944ae6;border-color:#c4944a66}.resources__restart{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(.7rem,1vw,.8rem);color:#fcf1e533;background:none;border:none;cursor:pointer;letter-spacing:.06em;transition:color .3s ease;align-self:center;margin-top:1rem;padding:.4em .8em}.resources__restart:hover{color:#fcf1e580}noscript{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0e0c0a;color:#fcf1e599;font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;text-align:center;padding:2rem}