.photos{gap:48px}.photos .intro,.photos .description{max-width:80ch;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px}.photos .trip{width:100%;display:flex;flex-direction:column;gap:16px}.photos .trip header{display:flex;align-items:end;gap:16px}.photos .trip header .title{font-size:var(--text-large);line-height:1.1}.photos .trip header .date{color:var(--text-secondary);text-wrap:nowrap}.photos .grid{--row: clamp(220px, 32vw, 440px);list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 16px}.photos .photo{flex:var(--ratio) 1 calc(var(--ratio)*var(--row));min-width:0;padding-bottom:16px;display:flex;flex-direction:column;gap:8px}.photos .photo a{position:relative;display:block;line-height:0;background-color:var(--border)}.photos .photo a:hover{background:var(--border)}.photos .photo img{display:block;width:100%;height:auto}.photos .photo .comment{position:absolute;inset:auto 0 0 0;padding:40px 12px 12px;line-height:1.4;white-space:normal;text-wrap:wrap;overflow-wrap:anywhere;color:var(--text);background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));pointer-events:none}.photos .photo a:hover img{opacity:.8}main.photos>*{max-width:none}