.gallery-page{background:var(--coffee-espresso);color:var(--cream);min-height:100vh}.gallery-main{position:relative;overflow:hidden;padding-bottom:var(--space-8)}.gallery-intro{position:relative;padding:var(--space-8) var(--space-5) var(--space-7);z-index:1}.gallery-intro__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-7);align-items:end}.gallery-intro__title{font-family:var(--ff-serif);font-weight:500;font-size:clamp(2.75rem, 7vw, 5.5rem);line-height:1;letter-spacing:-.015em;color:var(--cream)}.gallery-intro__title em{font-style:italic;color:var(--coffee-caramel);font-weight:400}.gallery-intro__text{align-self:end}.gallery-intro__text p{font-size:1.05rem;line-height:1.7;color:rgba(245,241,232,.75);max-width:32rem;margin-bottom:var(--space-4)}.gallery-pill{display:inline-flex;align-items:center;gap:.55rem;background:rgba(184,148,106,.18);color:var(--coffee-caramel);font-size:.85rem;font-weight:500;letter-spacing:.06em;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(184,148,106,.35)}.gallery-pill__leaf{display:inline-flex;width:16px;height:16px;color:var(--coffee-caramel)}.gallery-pill__leaf svg{width:100%;height:100%}.gallery-filter{position:sticky;top:0;z-index:40;background:rgba(46,31,21,.78);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid rgba(245,241,232,.06);border-bottom:1px solid rgba(245,241,232,.06);margin-bottom:var(--space-7)}.gallery-filter__inner{display:flex;flex-wrap:nowrap;gap:.4rem;padding-top:.6rem;padding-bottom:.6rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.gallery-filter__inner::-webkit-scrollbar{display:none}.gallery-filter__btn{flex:0 0 auto;padding:.55rem 1.15rem;font-family:var(--ff-sans);font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,241,232,.6);background:0 0;border:1px solid rgba(245,241,232,.18);border-radius:999px;cursor:pointer;transition:background-color .4s var(--ease-out-expo),color .4s ease,border-color .4s ease,transform .4s var(--ease-out-expo)}@media (hover:hover) and (pointer:fine){.gallery-filter__btn:hover{color:var(--cream);border-color:rgba(184,148,106,.55)}.gallery-grid__item:hover img{transform:scale(1.03);filter:saturate(1.05) brightness(1.02)}.gallery-grid__item:hover::after{opacity:1}.gallery-grid__item:hover .gallery-grid__zoom{transform:translate(-50%,-50%) scale(1);opacity:1}.gallery-grid__item:hover{box-shadow:0 18px 36px -14px rgba(184,148,106,.45)}}@media (hover:none){.gallery-filter__btn:active{transform:scale(.97)}}.gallery-filter__btn.is-active{color:var(--coffee-espresso);background:var(--coffee-caramel);border-color:var(--coffee-caramel)}.gallery-grid{column-count:4;column-gap:var(--space-3)}.gallery-grid__item{position:relative;display:block;width:100%;margin:0 0 var(--space-3);padding:0;border:0;border-radius:4px;overflow:hidden;cursor:pointer;background:rgba(245,241,232,.05);break-inside:avoid;-webkit-column-break-inside:avoid;opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease-out-expo),transform .55s var(--ease-out-expo),filter .4s ease}.gallery-grid__item.is-revealed{opacity:1;transform:translateY(0)}.gallery-grid__item.is-hidden{opacity:0;transform:scale(.94);pointer-events:none}.gallery-grid__item.is-collapsed{display:none}.gallery-grid__item img{width:100%;height:auto;display:block;filter:saturate(.92) brightness(.96);transition:transform 1s var(--ease-out-expo),filter .5s ease}.gallery-grid__item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(184,148,106,0) 0,rgba(184,148,106,.55) 100%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:2}.gallery-grid__zoom{position:absolute;top:50%;left:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--cream);border-radius:50%;color:var(--coffee-espresso);transform:translate(-50%,-50%) scale(.6);opacity:0;transition:transform .5s var(--ease-out-expo),opacity .4s ease;z-index:3;pointer-events:none}.gallery-grid__zoom svg{width:22px;height:22px}@media (hover:none){.gallery-grid__item:active{transform:scale(.985)}}.gallery-grid__item:focus-visible{outline:2px solid var(--coffee-caramel);outline-offset:4px}.gallery-grid__item .card__skeleton{position:absolute;inset:0;background:linear-gradient(110deg,rgba(245,241,232,0) 30%,rgba(245,241,232,.1) 50%,rgba(245,241,232,0) 70%);background-size:250% 100%;animation:1.6s linear infinite skeleton-shimmer;z-index:0;pointer-events:none;transition:opacity .5s}.gallery-grid__item .card__skeleton.is-loaded{opacity:0}.gallery-empty{text-align:center;padding:var(--space-7) var(--space-5);font-family:var(--ff-serif);font-style:italic;font-size:1.15rem;color:rgba(245,241,232,.55);position:relative;z-index:1}.gallery-page .footer{background:linear-gradient(180deg,var(--coffee-espresso) 0,color-mix(in srgb,var(--coffee-espresso) 60%,var(--matcha-green-dark) 40%) 50%,var(--coffee-espresso) 100%)}@media (max-width:1024px){.gallery-grid{column-count:3}}@media (max-width:900px){.gallery-intro{padding-top:var(--space-7)}.gallery-intro__grid{grid-template-columns:1fr;gap:var(--space-5)}}@media (max-width:768px){.gallery-intro{padding-left:var(--space-4);padding-right:var(--space-4)}.gallery-filter{top:0}.gallery-filter__btn{padding:.5rem .95rem;font-size:.72rem;letter-spacing:.14em;min-height:40px}.gallery-grid{column-count:2;column-gap:var(--space-2)}.gallery-grid__item{margin-bottom:var(--space-2)}}@media (max-width:480px){.gallery-intro__title{font-size:clamp(2.25rem, 11vw, 3rem)}.gallery-grid{column-count:1}}