.life{background:var(--foam);padding:clamp(3rem,8vw,5.5rem) 0 clamp(3.5rem,9vw,6rem)}
.life h2{max-width:none}
.life h2 span{color:var(--buoy);-webkit-text-stroke:2px var(--ink)}
.life-sub{margin:1rem 0 2rem;font-weight:500}
.gal{columns:2;column-gap:.9rem}
@media(min-width:760px){.gal{columns:3;column-gap:1.25rem}}
.gal figure{margin:0 0 .9rem;break-inside:avoid}
@media(min-width:760px){.gal figure{margin-bottom:1.25rem}}
.gal button{display:block;width:100%;padding:0;border:3px solid var(--ink);border-radius:16px;overflow:hidden;background:var(--deep);cursor:zoom-in;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.gal figure:nth-child(odd) button{transform:rotate(-1deg)}
.gal figure:nth-child(even) button{transform:rotate(.9deg)}
.gal button:hover{transform:rotate(0) translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.gal img{display:block;width:100%;height:auto}
#lb{border:0;padding:0;background:transparent;max-width:min(94vw,1100px);max-height:92vh;overflow:visible}
#lb::backdrop{background:rgba(6,22,27,.88)}
#lb img{display:block;max-width:100%;max-height:88vh;margin:auto;border:3px solid var(--ink);border-radius:14px;background:var(--deep)}
.lb-x{position:absolute;top:-.6rem;right:-.4rem;z-index:2;width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid var(--ink);background:var(--buoy);font:900 1.4rem/1 var(--display);cursor:pointer}
@media(prefers-reduced-motion:reduce){.gal button{transition:none}}